看起来像是一个新手问题,但我被卡住了。我有一个表单,用户可以动态添加<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);
}
希望这是一个简单的解决方案。谢谢你的帮助。
答案 0 :(得分:0)
将其更改为getElementById会有效。请参阅此处的示例:https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications