获取多个文件的javascript文件大小

Question

我正在使用jQuery Form Plugin通过AJAX上传我的文件，我还希望在将它们发送到服务器之前检查每个文件的大小是否超过20mb。我发现了this HTML5示例，但我无法弄清楚如何将其与我的代码放在一起。

$(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属性。