blob link 使用php上傳

php blob canvas javascript jquery

豬豬人 2020-12-17 14:50:16 ‧ 2142 瀏覽

分享至

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

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

blob

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

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

看更多先前的討論...收起先前的討論...

耿直小伙 iT邦新手 1 級 ‧ 2020-12-17 15:02:59 檢舉

搜尋關鍵字 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物件回去應該會比較好處理。

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2020-12-17 16:48:39 檢舉

映像中blob可以轉換成base64才對。
不過之前處理的是我的前端。
我現在也想不起來是要怎麼處理的。

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

看看有沒有人可以提供，沒的話我得查查之前我是怎麼幹的才行。
現在沒辦法先給你答案。

豬豬人 iT邦新手 4 級 ‧ 2020-12-17 17:10:55 檢舉

謝謝大家熱心幫忙小弟試試看

froce iT邦大師 1 級 ‧ 2020-12-17 19:51:29 檢舉

答案已經給了啊，blob和file只差兩個屬性，補上去變file然後用formdata送就好了

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

耿直小伙

iT邦新手 1 級 ‧ 2020-12-17 17:09:39

canvas.toBlob(function (blob) {
    let formData = new FormData();

    formData.set('img', blob, 'user.jpg');
});

回應 1
分享
檢舉

豬豬人 iT邦新手 4 級 ‧ 2020-12-17 17:11:05 檢舉

謝謝大大我試試

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙