如何通過javascript將圖像添加到multipart

Question

我正在實施dropzone.js文件上傳。不過，我不希望dropzone處理上傳，因爲它看起來像是突然出現，而不是一次全部出現。我希望我的照片能夠一次上傳。爲此，用戶將把照片拖放到dropzone區域。從這裏他們選擇圖像上的一些自定義選項。然後我想讓用戶點擊自定義按鈕。該按鈕可以執行以下操作。

1. 將照片添加到multiImg []數組
2. 調用形式

照片是uplaoded到懸浮窗我將不得不所有關於照片的信息訪問之後。名稱，大小，位置（在電腦上）。我只是不確定如何完成第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);