javascript
html5 文件转byte[],JS 文件base64、File、Blob、ArrayBuffer互转
二進(jìn)制互轉(zhuǎn)
1. file對象轉(zhuǎn)base64let reader = new FileReader();
reader.readAsDataURL(file[0])
console.log(reader)
2. base64 轉(zhuǎn)成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 轉(zhuǎn)成ArrayBufferlet blob = new Blob([1,2,3,4])
let reader = new FileReader();
reader.onload = function(result) {
console.log(result);
}
reader.readAsArrayBuffer(blob);
4. buffer 轉(zhuǎn)成bloblet blob = new Blob([buffer])
5. base64 轉(zhuǎn) fileconst base64ConvertFile = function (urlData, filename) { // 64轉(zhuǎn)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
});
}
關(guān)于找一找教程網(wǎng)
本站文章僅代表作者觀點,不代表本站立場,所有文章非營利性免費分享。
本站提供了軟件編程、網(wǎng)站開發(fā)技術(shù)、服務(wù)器運維、人工智能等等IT技術(shù)文章,希望廣大程序員努力學(xué)習(xí),讓我們用科技改變世界。
[JS 文件base64、File、Blob、ArrayBuffer互轉(zhuǎn)]http://www.zyiz.net/tech/detail-152262.html
總結(jié)
以上是生活随笔為你收集整理的html5 文件转byte[],JS 文件base64、File、Blob、ArrayBuffer互转的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html文件上传数量限制,使用HTML中
- 下一篇: 计算机无法搜索本地文件,电脑本地磁盘无法