Da durch erneutes Klicken auf „input type=‘file’“ die vorherige Dateiliste überschrieben wird, konvertiere ich zunächst die ausgewählte Datei als Vorschaubild in Base64. Ähnlich wie hier können Sie sie mehrmals hinzufügen

Aber wie füge ich beim Hochladen mehrere Vorschaubilder zum Formdata-Objekt hinzu? Der vom Hintergrund akzeptierte Parameter ist ein MultipartFile[]-Dateiarray.

Das habe ich falsch gemacht:

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