JS 文件base64FileBlobArrayBuffer互转

Posted 小蘑菇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 文件base64FileBlobArrayBuffer互转相关的知识,希望对你有一定的参考价值。

二进制互转

1. file对象转base64

 let 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 转成ArrayBuffer

let blob = new Blob([1,2,3,4])
let reader = new FileReader();
reader.onload = function(result) {
    console.log(result);
}
reader.readAsArrayBuffer(blob);

4. buffer 转成blob

let blob = new Blob([buffer])

5. base64 转 file

const 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
  });
}

以上是关于JS 文件base64FileBlobArrayBuffer互转的主要内容,如果未能解决你的问题,请参考以下文章

js计算base64文件流大小

js 将图片文件转换成base64

js中图片base64格式转文件对象

js base64与canvas base64

vue项目中使用md5.js及base64.js

js 转base64字符串为文件