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

最新推荐文章于 2023-08-04 09:38:17 发布

ispotu

最新推荐文章于 2023-08-04 09:38:17 发布

阅读量3.9k

点赞数 1

分类专栏： js 文章标签： js

js 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

<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" οnchange="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" οnchange="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>

ispotu

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端js限制上传文件类型及大小（3）

附件: 文件上限2MB</d var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target) { var fileSize = 0; if (
复制链接

扫一扫