Mengapa anda perlu mengeja data borang sendiri Memandangkan ia dimampatkan menggunakan kanvas, penyemak imbas mesti sudah menyokong formData.

Kaedah 1: Gunakan API formData dan bukannya menyambungkannya sendiri

var xhr = new XMLHttpRequest(); xhr.open('POST', '/upload', true); var formData = new FormData(); formData.append(name, value); formData.append(name, fileBlob, filename); xhr.send(formData);

Kaedah 2: Eja sendiri

Mampatan menggunakan kanvas, memanggil objek toBlob canvas, dan kemudian menggunakan kaedah readAsBinaryString fileReader untuk mendapatkan rentetan binari objek gumpalan ini adalah apa yang perlu diisi di bawah pelupusan kandungan formdata.

Kod anda agak berantakan Nampaknya imageView.attr('src') mendapat base64 dataURI bagi imej yang dimampatkan imej yang dimampatkan juga baik Gunakan fileReader untuk menukarnya sendiri.

bodyData += imageUrl === null ? '' : dataURItoBlob(imageUrl); // 这一句要改成 var resizedImageBlob = dataURItoBlob(imageUrl); var reader = new FileReader(); reader.onloadend = function () { bodyData += this.result; }; reader.readAsBinaryString(resizedImageBlob); // 鉴于你代码本身有一个each循环，bodyData 最后还要 append 一个 boundary因为把 blob 转成二进制字符串的过程是异步的，这里的控制逻辑肯定要修改

Tukar imej kepada base64, mengapa tidak muat naik terus menggunakan borang? . .

Periksa imej dimampatkan kanvas secara visual? Kemudian tukar terus kepada binari dan muat naik

Bahagian belakang menerima penyahkodan BASE64 dan memprosesnya serta menukarnya kepada FILE