TA貢獻1860條經驗 獲得超8個贊
為什么要自己拼 form-data 呢，既然都用了 canvas 壓縮了，那瀏覽器肯定已經支持 formData了啊。
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);壓縮使用的是 canvas，調用canvas的toBlob對象，然后使用fileReader的readAsBinaryString方法，得到blob對象的二進制字符串，這個二進制字符串才是 formdata 的content-disposition下面要填的東西。
你那個代碼有點亂，看樣子 imageView.attr('src') 是拿到了壓縮后圖片的 base64 的 dataURI，看有沒有方法能直接拿到 binary String，如果不能，能獲得壓縮后的圖片的 blob 對象也行，自己用 fileReader 轉換一下，再不行就用你的 dataURItoBlob 對象把 base64 的 dataURI 轉換成blob，再轉換成二進制字符串。
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 轉成二進制字符串的過程是異步的，這里的控制邏輯肯定要修改
舉報