javascript - 计算文件输入的总大小

Question

我有这样的输入:

<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" />

我需要计算所有输入的大小。
我尝试了代码:

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

或者

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

但是此代码在索引 0 之后不起作用。

Answer 1

您也可以在 this.files 上运行循环，以获取在单个输入中选择的所有文件。 `试试这个:

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

Working example