前端js限制上传文件类型及大小（3）

来源：互联网发布：疯狂淘宝推易在线教育编辑：程序博客网时间：2024/04/28 11:57

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <form  action="后端接口" enctype="multipart/form-data" method="post" id="attachment_uploads">  <div class="attachs fl">       <div class="t_fjfont">附件:</div>       <div class="upload_btns"><input type="file" name="file"  id="file" onchange="fileChange(this);" /> </div>  </div>  <div class="attachs fl">       <div class="t_fjfont" style="color:red;font-size:12px;font-weight:bold">文件上限2MB</d  </div>  <div class="attachs fl">       <div class="upload_btns"><input type="file" name="files"  id="file_fujian" onchange="filefujianChange(this);" /> <input type="hidden" name="rev" class="hide_rev" /></div>  </div>  </form>  <script>  var isIE = /msie/i.test(navigator.userAgent) && !window.opera;   function fileChange(target) {     var fileSize = 0;              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;           }         var size = fileSize / 1024;          if(size>2000){         alert("附件不能大于2M");       target.value="";       return      }      var name=target.value;      var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();      if(fileName !="xls" && fileName !="xlsx"){          alert("请选择execl格式文件上传！");          target.value="";          return      }    }    function filefujianChange(target) {       var fileSize = 0;                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;             }           var size = fileSize / 1024;            if(size>2000){           alert("附件不能大于2M");         target.value="";         return        }        var name=target.value;        var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();        if(fileName !="jpg" && fileName !="jpeg" && fileName !="pdf" && fileName !="png" && fileName !="dwg" && fileName !="gif" ){          alert("请选择图片格式文件上传(jpg,png,gif,dwg,pdf,gif等)！");            target.value="";            return        }      }  </script></body> </html>

另：

<script language=javascript>function check(){photoStr=document.all("Photo.Pho_file").value;photoEx=photoStr.substring(photoStr.lastIndexOf("."));if(photoEx==".gif" || photoEx==".jpg"){form1.submit();}else{alert("上传文件只能是[.gif]或[.jpg]的！");return;}}</script>

0 0