js限制图片文件大小

来源：互联网发布：数码宝贝5 知乎编辑：程序博客网时间：2024/05/20 01:12
<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <title>js判断上传文件的大小</title>    <script type="text/javascript">    var maxsize = 1*1024*1024;//1M          var errMsg = "上传的图片文件不能超过1M！！！";          var isIE = /msie/i.test(navigator.userAgent) && !window.opera;        //var sizeLabel = ["B", "KB", "MB", "GB"];var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|.tif|";//全部图片格式类型 var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。";         function fileChange(target) {            var fileSize = 0;var obj=target;var FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase(); var button=document.getElementById("btSubmit");button.disabled=true;if(AllImgExt.indexOf(FileExt+"|")!=-1){            if (isIE && !target.files) {                var filePath = target.value;                var fileSystem = new ActiveXObject("Scripting.FileSystemObject");                   var file = fileSystem.GetFile (filePath);                fileSize = file.Size;            } else {                fileSize = target.files[0].size;            }            if(fileSize==-1){                      alert(tipMsg);                      return;                  }else if(fileSize>maxsize){                      alert(errMsg);                      return;                  }else{      button.disabled=false;                     alert("图片文件大小符合要求");                      return;                  }          }else{    alert("图片格式不正确");return; }    }    </script></head><body>    <div>        <input type="file" onchange="fileChange(this);">    </div>    <div id="fileSize">    </div><input type="submit" name="btSubmit" value="提交" id="btSubmit" class="button_a" style="width:50px;"></body></html>