計算總規模文件輸入

Question

我input這樣的：

<input type="file" name="upload[]" class="file" /> 
<input type="file" name="upload[]" class="file" /> 
<input type="file" name="upload[]" class="file" /> 
<input type="file" name="upload[]" class="file" /> 

，我需要計算所有輸入的size。
我試圖代碼的：

$(".file").each(function() { 
    alert(this.files[0].size); 
}); 

OR

$(".file").each(function(i) { 
    alert(this.files[i].size); 
}); 

但這種代碼的index 0後不工作。

Answer 1

您也可以在this.files上運行循環，以獲取在單個輸入中選擇的所有文件。 `試試這個：

$('.file').each(function(i) { 
    $.each(this.files, function(i, file) { 
     console.log(file.size); 
    }); 
}); 

Working example