包含多个文件上载字段的HTML表单，如何检查客户端的最大文件大小

Question

我有这个简单的脚本，它以html格式检查客户端的最大文件大小。该检查适用于添加的第一个文件，但我很难找到如何在动态添加时检查其他输入字段的方法。

此项检查基于var uploadField = document.getElementById("file1");

请查看此小提琴，以便更好地了解问题：http://jsfiddle.net/tZPg4/16341/

非常感谢任何有关如何解决此问题的提示。

Answer 1

检查File Input项的总数并进行验证。更新了http://jsfiddle.net/zz8c9c9u/5/

Answer 2

您需要委托动态添加的对象。 在您的代码中，使用此代替而不是专门处理file1

$("#files").delegate("input","change",function(){
        if(this.files[0].size > 2000000){
                alert('File is larger than 2MB. Please choose a smaller file');
       this.value = "";
    };
});