计算文件输入的总大小

calculate total size file input

本文关键字:文件 输入 计算      更新时间:2023-09-26

我有这样的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);
});


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

但是这段代码在index 0后不起作用。

您也可以对this.files运行循环,以在单个输入中获取所有选定的文件。 '试试这个:

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

工作示例