如何通过javascript将图像添加到多部分

Question

我正在实现 dropzone.js 文件上传。但是，我不希望 dropzone 处理上传，因为它们似乎是爆发式的，而不是一次全部。我希望我的照片一次上传。为此，用户将照片拖放到放置区。他们从这里选择图像上的一些自定义选项。然后我希望用户点击自定义按钮。此按钮可执行以下操作。

1. 将照片添加到 multiImg[] 数组
2. 调用表单

将照片上传到 dropzone 后，我将可以访问有关该照片的所有信息。名称、大小、位置（在用户计算机上）。我只是不确定如何完成第 1 步，即拍摄照片并通过 javascript 将它们传递到表单中。

这甚至是一个好方法吗？

 <form method="post" action="" enctype="multipart/form-data">
 <input type="file" accept='image/*' name="multiImg[]" id="multiImg" />

或者可能以编程方式附加

<input type="file" accept='image/*' name="Img" id="Img" />

标记到表单，然后在完成后提交表单也是可以接受的。

您可以动态添加到 FileList 中以获取输入吗？

Answer 1

这让我更接近解决方案。

  xhr = new XMLHttpRequest();
    formData = new FormData();

 formData.append("" + paramNm + (this.uploadMult ? "[]" : ""), file, fileName);
xhr.send(formData);