Oleh kerana mengklik input type=‘file’ sekali lagi akan menimpa senarai fail sebelumnya, jadi saya mula-mula menukar fail yang dipilih kepada base64 sebagai imej pratonton, sama seperti ini, anda boleh menambahnya beberapa kali

Tetapi bagaimana saya boleh menambah berbilang imej pratonton pada objek formdata semasa memuat naik Parameter yang diterima oleh latar belakang ialah tatasusunan fail MultipartFile[].

Inilah kesilapan saya:

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 参数。