使用Javascript从表单中获取所有文件/ img输入字段

时间:2015-05-09 17:56:18

标签: javascript html

看起来像是一个新手问题,但我被卡住了。我有一个表单,用户可以动态添加<input...行,并选择要添加到textarea中的图像。提交后,我正在尝试选择带图像的所有行。

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

因此有可能出现“n”个图像。输入具有“pics”类。在使用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);
}

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

1 个答案:

答案 0 :(得分:0)

将其更改为getElementById会有效。请参阅此处的示例:https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications