HTML5:如何计算多输入字段中文件的长度

Question

如何使用jquery从多输入字段计算文件的长度？

alert($('#myForm input[type=file]').files.length);
<input type="file" multiple="multiple" name="file[]"/>

错误:

$("#myForm input [type = file]").文件未定义

它可以找到普通的js,但我不想在输入字段中使用ID.

alert(document.getElementById('file').files.length);

<input type="file" multiple="multiple" name="file[]" id="file"/>

Answer 1

尝试使用该.get方法获取本机DOM元素:

$('#myForm input[type=file]').get(0).files.length

但是请注意,如果你有多个与你的选择器匹配的DOM元素,那么它将返回第一个,如果没有,则显然会抛出异常.

Answer 2

这些答案都不适用于新的 html 5 多重标签。所以如果你有类似的东西

<input type="file" name="filesToUpload[]" id="filesToUpload" multiple="multiple" size="20" />

请注意多个标签，JQ 无法获取每个文件，只能获取其中一个，我现在几乎尝试了所有可能的选择器，但无济于事。

然而，正如之前提到的，标准 Javascript 是有效的：

 alert(document.getElementById('filesToUpload').files.length);