zoukankan      html  css  js  c++  java
  • 上传图片限定大小

    <form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
    <p><input type="hidden" name="MAX_FILE_SIZE" value="100" /></p>
    <p><input name="userfile" id="userfile" type="file" onchange="check()"/></p>


    </form>


    <script language="JavaScript" type="text/javascript">
    function check()
    {
    var aa=document.getElementById("userfile").value.toLowerCase().split('.');//以“.”分隔上传文件字符串
    // var aa=document.form1.userfile.value.toLowerCase().split('.');//以“.”分隔上传文件字符串

    if(document.form1.userfile.value=="")
    {
    alert('图片不能为空!');
    return false;
    } else
    {
    if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp' ||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判断图片格式
    {
    var imagSize = document.getElementById("userfile").files[0].size;
    alert("图片大小:"+imagSize+"B")
    if(imagSize<1024*10)
    {
    alert("图片大小在3M以内,为:"+imagSize/(1024*1024)+"M");
    return true;
    }
    else {
    alert("----")
    document.form1.userfile.value=""
    };

    } else {

    alert('请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片');//jpg和jpeg格式是一样的只是系统Windows认jpg,Mac OS认jpeg,
    //二者区别自行百度
    return false;
    }
    }
    }
    </script>

  • 相关阅读:
    11.枚举类.md
    10. Lambda表达式.md
    9.内部类
    8.抽象类、接口和多态.md
    7.final关键字.md
    jQuery学习笔记(5)-事件与事件对象
    Log4Net学习笔记(1)-完整的例子
    SqlServer知识点-操作xml
    NHibernate常见错误汇总(0)-持续更新中
    jQuery学习笔记(4)-设置元素的属性和样式
  • 原文地址:https://www.cnblogs.com/kongxc/p/7117125.html
Copyright © 2011-2022 走看看