二進制互轉

1. file對象轉base64let reader = new FileReader();

reader.readAsDataURL(file[0])

console.log(reader)

2. base64 轉成blob 上傳function dataURItoBlob(dataURI) {

var byteString = atob(dataURI.split(',')[1]);

var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

var ab = new ArrayBuffer(byteString.length);

var ia = new Uint8Array(ab);

for (var i = 0; i < byteString.length; i++) {

ia[i] = byteString.charCodeAt(i);

}

return new Blob([ab], {type: mimeString});

}

3. blob 轉成ArrayBufferlet blob = new Blob([1,2,3,4])

let reader = new FileReader();

reader.onload = function(result) {

console.log(result);

}

reader.readAsArrayBuffer(blob);

4. buffer 轉成bloblet blob = new Blob([buffer])

5. base64 轉 fileconst base64ConvertFile = function (urlData, filename) { // 64轉file

if (typeof urlData != 'string') {

this.$toast("urlData不是字符串")

return;

}

var arr = urlData.split(',')

var type = arr[0].match(/:(.*?);/)[1]

var fileExt = type.split('/')[1]

var bstr = atob(arr[1])

var n = bstr.length

var u8arr = new Uint8Array(n)

while (n--) {

u8arr[n] = bstr.charCodeAt(n);

}

return new File([u8arr], 'filename.' + fileExt, {

type: type

});

}

關于找一找教程網

本站文章僅代表作者觀點，不代表本站立場，所有文章非營利性免費分享。

本站提供了軟件編程、網站開發技術、服務器運維、人工智能等等IT技術文章，希望廣大程序員努力學習，讓我們用科技改變世界。

[JS 文件base64、File、Blob、ArrayBuffer互轉]http://www.zyiz.net/tech/detail-152262.html

總結

以上是生活随笔為你收集整理的html5 文件转byte[],JS 文件base64、File、Blob、ArrayBuffer互转的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。