从带有JavaScript的表单中获取所有文件/IMG输入字段

Question

似乎是一个新手问题，但我被卡住了。我有一种表格，用户可以动态添加<input...的行，并选择要在文本方面添加的图像。提交后，我正在尝试选择图像的所有行。

<input type="file" class="pics" name="file[]" onchange="imgChanged(this)"><img class="addImg" onclick="addRow(this)" src="../img/addmore.png">

因此，可能会有" n"数量的图像。输入具有"图片"类。在使用JS中的new FormData上传之前，如何将它们全部获取？我似乎不能这样理解...

var imgs = document.getElementsByClassName("pics").files

然后像这样使用

for (var i = 0; i < imgs.length; i++) {
    var file = imgs[i];
    formData.append('photos[]', file, file.name);
}

希望这是一个简单的解决方案。感谢您的帮助。

Answer 1

将其更改为getElementById将起作用。请参阅此处的示例：https：//developer.mozilla.org/en-us/docs/using_files_from_web_applications