如何通过javascript将图像添加到multipart

Question

我正在实现dropzone.js文件上传。但是我不希望dropzone处理上传，因为它们似乎是一次又一次地突然发送。我希望我的照片一次上传。为此，用户将照片拖放到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);