计算总大小文件输入

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