iT邦幫忙

0

blob link 使用php上傳

小弟利用canvas 將圖檔製作成blob url ,並且顯示在網頁上
base64

let base64 = canvas.toDataURL('image/jpeg',1);

blob

canvas.toBlob(function(blob) {
     url = URL.createObjectURL(blob);
});

原先使用base64來放入src中只要將base64一大串傳到後端即可,但現在使用blob,請問要怎麼跟後端接才能上傳呢?謝謝

看更多先前的討論...收起先前的討論...
搜尋關鍵字 FormData 可以找到你要的解答
froce iT邦大師 1 級 ‧ 2020-12-17 16:33:39 檢舉
https://developer.mozilla.org/zh-TW/docs/Web/API/Blob
https://developer.mozilla.org/zh-TW/docs/Web/API/File
https://stackoverflow.com/questions/27159179/how-to-convert-blob-to-file-in-javascript

用form打File物件回去應該會比較好處理。
映像中blob可以轉換成base64才對。
不過之前處理的是我的前端。
我現在也想不起來是要怎麼處理的。

但如上面說的,如果不轉換成base64的話。
的確只能利用 formData的方式才能上傳。

看看有沒有人可以提供,沒的話我得查查之前我是怎麼幹的才行。
現在沒辦法先給你答案。
豬豬人 iT邦新手 5 級 ‧ 2020-12-17 17:10:55 檢舉
謝謝大家熱心幫忙 小弟試試看
froce iT邦大師 1 級 ‧ 2020-12-17 19:51:29 檢舉
答案已經給了啊,blob和file只差兩個屬性,補上去變file然後用formdata送就好了

1 個回答

1
耿直小伙
iT邦新手 3 級 ‧ 2020-12-17 17:09:39
canvas.toBlob(function (blob) {
    let formData = new FormData();

    formData.set('img', blob, 'user.jpg');
});
豬豬人 iT邦新手 5 級 ‧ 2020-12-17 17:11:05 檢舉

謝謝大大 我試試

我要發表回答

立即登入回答