表单js验证文件上传大小

最新推荐文章于 2025-05-16 10:30:00 发布

peterwadegs

最新推荐文章于 2025-05-16 10:30:00 发布

阅读量581

点赞数

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

  <html> 

  <head> 

  <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> 

  <title>Insert title here </title> 

  <script type="text/javascript"> 

     var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 

     var sizeLabel = ["B", "KB", "MB", "GB"]; 

     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; 

         } 

         displayFileSize(fileSize); 

     } 

     function displayFileSize(size) { 

         var fileSize = document.getElementById("fileSize"); 

         fileSize.innerHTML = calFileSize(size); 

     } 

     function calFileSize(size) { 

         for (var index = 0; index  < sizeLabel.length; index++) { 

             if (size  < 1024) { 

                 return round(size, 2) + sizeLabel[index]; 

             } 

             size = size / 1024; 

         } 

         return round(size, 2) + sizeLabel[index]; 

     } 

     function round(number, count) { 

         return Math.round(number * Math.pow(10, count)) / Math.pow(10, count); 

     } 

  </script> 

  </head> 

  <body> 

      <div> 

          <input type="file" onchange="fileChange(this);"> 

      </div> 

      <div id="fileSize"> 

      </div> 

  </body> 

  </html>