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>

  • 相关阅读:
    集合框架
    5.异常
    接口小结
    多态(3)面向对象的三大特征之三
    面向对象编程(1)继承
    第五章博客
    《MySQL数据库》MySQL集群工具mycat安装
    《MySQL数据库》MySQL分区表
    《MySQL数据库》MySQL读写分离(Atlas)
    《Redis内存数据库》Redis数据类型和基本操作
  • 原文地址:https://www.cnblogs.com/kongxc/p/7117125.html
Copyright © 2011-2022 走看看