因為 input type=‘file’ 再次點擊會將之前的fileList覆蓋，所以我先將選中的文件轉成base64作為預覽圖片，類似于這樣，可以多次添加

但是我在上傳的時候如何將多個預覽圖片添加到 formdata 對象中，后臺接受參數是一個 MultipartFile[] files 數組。

下面是我的錯誤做法：

function getImgFiles() {

var imgFiles = [];

var imgs = $('img');

$.each(imgs, function (i, item) {

var blob = dataURItoBlob(item.src);

imgFiles.push(new? File([blob], item.id));

});

return imgFiles;

}

/**

* base64->blob

* @param dataURI

* @returns {Blob}

*/

function dataURItoBlob(dataURI) {

var byteString = atob(dataURI.split(',')[1]);

var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

var ab = new ArrayBuffer(byteString.length);

var ia = new Uint8Array(ab);

for (var i = 0; i < byteString.length; i++) {

ia[i] = byteString.charCodeAt(i);

}

return new Blob([ab], {type: mimeString});

}

var formData = new? FormData($('form').get(0));

formData.append('files', getImgFiles());

//然后使用ajax上傳，但是后臺沒有接受到 files 參數。

總結

以上是生活随笔為你收集整理的formdata怎么传数组_如何使用formData上传file数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。