Js验证文件上传大小限制

  1. <html>   
  2. <head>   
  3. <script type="text/javascript">   
  4.   var isIE = /msie/i.test(navigator.userAgent) && !window.opera;         
  5.   function fileChange(target) {     
  6.       
  7.     var fileSize = 0;          
  8.     if (isIE && !target.files) {      
  9.       var filePath = target.value;      
  10.       var fileSystem = new ActiveXObject("Scripting.FileSystemObject");         
  11.       var file = fileSystem.GetFile (filePath);      
  12.       fileSize = file.Size;     
  13.     } else {     
  14.      fileSize = target.files[0].size;      
  15.      }    
  16.      var size = fileSize / 1024;     
  17.      if(size>10000){   
  18.       alert("附件不能大于10M");   
  19.         
  20.         
  21.      }   
  22.        
  23. }    
  24. </script>   
  25. </head>   
  26. <body>   
  27. <input type="file" name="contractFileName"  style="width: 500px;" onchange="fileChange(this);"/>   
  28. </body>   
  29. </html>  

 

自己网上找资料 并测试 文件上传大小限制的一个例子，兼容ie6，ie7，ie8 ，Google Chrome，ff等浏览器，ie8上面在安全设置处设置一下就好了(工具 => Internet选项 => 安全 => Internet => 自定义级别    找到“将文件上载到服务器时包含本地目录路径”，设为“启用”即可)。

 

Js代码  收藏代码
  1. function fileChange(target,id) {     
  2.         var fileSize = 0;          
  3.         if (isIE && !target.files) {      
  4.               var filePath = target.value;     
  5.               var fileSystem = new ActiveXObject("Scripting.FileSystemObject");  
  6.                 
  7.               if(!fileSystem.FileExists(filePath)){  
  8.                  alert("附件不存在，请重新输入！");  
  9.                  var file=document.getElementById(id);   
  10.                  file.outerHTML=file.outerHTML;  
  11.                  return;  
  12.               }  
  13.               var file = fileSystem.GetFile (filePath);  
  14.               fileSize = file.Size;     
  15.         } else {     
  16.               fileSize = target.files[0].size;   
  17.         }    
  18.           
  19.         var size = fileSize / 1024;     
  20.         if(size>100000){   
  21.              alert("附件大小不能大于100M！");   
  22.              var file=document.getElementById(id);   
  23.              file.outerHTML=file.outerHTML  
  24.         }    
  25.         if(size<=0){  
  26.             alert("附件大小不能为0M！");   
  27.             var file=document.getElementById(id);   
  28.              file.outerHTML=file.outerHTML  
  29.         }   
  30.      }   
posted @ 2013-12-18 15:00  惊蛰.  阅读(485)  评论(0)  编辑  收藏  举报