上次記錄了，使用canvas繪製的圖片，如何下載 juejin.im/post/5b28cd…。今天就記錄下如何上傳。
前端上傳圖片，按介面型別分為兩種，是否使用 formData。
1、不使用formData，就把圖片轉為 base64使用 JOSN傳遞到後臺。
缺點： 圖片轉為base4後，體積會變大。佔用記憶體較多。不適合大量使用。
2、使用formData, 圖片轉為 blob，傳遞到後臺。
我在開發中選擇了第二種方式。
canvas.toBolb(function (blob) {
let formData = new FormData();
formData.append('欄位名', blob, '圖片名');
}, 'image/jpeg', 0.9)
複製程式碼關於formData詳情參考developer.mozilla.org/zh-CN/docs/…