混合開發 圖片上傳 base64轉file的坑
阿新 • • 發佈：2019-03-07
在電腦上測試 base64轉file 沒有問題 ，可以正常上傳，
但是在手機上傳確實失敗的 ，經過分析發現 手機上base64轉 file 生成的file物件和pc版的不同 。
網上找到了相關資料發現 base64轉file存在瀏覽器相容問題 ， 需要先將base64轉成blob ——> 再blob轉成file
//將base64轉換為blob
dataURLtoBlob: function(dataurl) {
var arr = dataurl.split(','),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], { type: mime });
},
//將blob轉換為file
blobToFile: function(theBlob, fileName){
theBlob.lastModifiedDate = new Date();
theBlob.name = fileName;
return theBlob;
},
//呼叫
var blob = dataURLtoBlob(base64Data);
var file = blobToFile(blob, imgName);