javascript - JS 使用 canvas 壓縮圖片後，產生的 blob 文件，上傳到後台取不到文件的 originalFilename 訊息

Question

input的files[0] 能取到 filename和originalFilename

但壓縮過後就沒辦法取到了

Answer 1

圖片經過canvas壓縮之後，你拿到的只是檔案本身，沒有任何名字資訊的。你可以在提交時，添加一個字段，把名字傳給後台就行了；

var formdata = new FormData();
formdata.append('0', blod);
formdata.append('filename', file.filename);

Answer 2

formData.append(name, value);
formData.append(name, value, filename);

formData append方法有第三個參數，用來為自己建構的 blob 設定 filename。 filename 參數安卓4.x某些裝置有相容性問題。

MDN API

Answer 3

可以看下我總結的關於圖片上傳這塊的內容，希望對你有用。

連結請戳我