在多個文件中獲取JavaScript文件大小

Question

我使用jQuery表單插件通過AJAX上傳我的文件，我也想檢查每個文件的大小是否超過20mb，然後再將它們發送到服務器。我發現了HTML5示例this，但我無法弄清楚如何將它與我的代碼放在一起。

$(document).ready(function(){ 
    $('.form-videos').ajaxForm({ 
     success : function(data){ 
      alert(data); 
     }, 
     beforeSubmit : function(){ 
      var fileInput = $('.form-videos :input[type=file]'); 
      var totalFiles = $('.form-videos :input[type=file]').get(0).files.length; 

      for (i = 0; i < totalFiles; i++) 
      { 
       alert('what?'); // This works and prints out correctly for every file 
       // How do I get current file size? 
      } 
     } 
    }); 
}); 

Answer 1

您應該可以;

var files = $('.form-videos :input[type=file]').get(0).files; 
for (i = 0; i < files.length; i++) 
{ 
    if (files[i].size > 20971520) ... 
} 

Answer 2

查看示例here。

在您的示例中，length僅僅是選定文件的數量。您需要訪問個人File對象及其size屬性。