Javascript 从没有多个属性的文件输入元素中获取具有不同 id 的文件数？

Question

我有多个具有不同 ID 的输入文件。我想计算文件的数量并获取文件的名称。

<div class="fieldContainer"><input type="file" class="txtField"  name="fileAttach[]" id="filename1"></div>
<div class="fieldContainer"><input type="file" class="txtField"  name="fileAttach[]" id="filename2" ></div>
<div class="fieldContainer"><input type="file" class="txtField"  name="fileAttach[]" id="filename3" ></div>

Answer 1

您可以通过传递所需的选择器来尝试使用 querySelectorAll API。 请找到 jsfiddle

var count = document.querySelectorAll(".fieldContainer > input[type='file']")
alert(count.length);

https://jsfiddle.net/smv3b53w/