在javascript中Blob到Base64

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在javascript中Blob到Base64，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1473字，纯文字阅读大概需要3分钟。

内容图文

我已成功将base64(DATA_URI)图像转换为blob但无法将其还原.

我的base64到blob代码看起来像下面的更多信息看这link.

b64toBlob(b64Data, contentType, sliceSize) {
    contentType = contentType || '';
    sliceSize = sliceSize || 512;

    var byteCharacters = atob(b64Data);
    var byteArrays = [];

    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
        var slice = byteCharacters.slice(offset, offset + sliceSize);

        var byteNumbers = new Array(slice.length);
        for (var i = 0; i < slice.length; i++) {
            byteNumbers[i] = slice.charCodeAt(i);
        }

        var byteArray = new Uint8Array(byteNumbers);

        byteArrays.push(byteArray);
    }

    var blob = new Blob(byteArrays, {type: contentType});
    return blob;
}

我试图将我的blob转换为base64我得到一个错误

ERROR TypeError: Failed to execute ‘readAsDataURL’ on ‘FileReader’: parameter 1 is not of type ‘Blob’.

这是我回复我的blob图像res 的回复

我正在调用成功的回调但不能忍受这个

这是我尝试将blob转换为base64的代码

if(window.FileReader) {
          var reader = new FileReader();
          reader.readAsDataURL(blob); 
          reader.onloadend = () => {
              var base64data = reader.result;                
              console.log(base64data);
          }
        }

在调试时我无法看到reader.onloadend它是null并且我无法调用它.

任何帮助？

解决方法:

我相信你需要在开始阅读数据之前定义onloadend.在分配之前,它可能会完成读取并触发null函数.或者更确切地说,在您调用readAsDataURL时,onloadend为null.

var reader = new FileReader();
reader.onloadend = () => {
  var base64data = reader.result;                
      console.log(base64data);
}

reader.readAsDataURL(blob); 

内容总结

以上是互联网集市为您收集整理的在javascript中Blob到Base64全部内容，希望文章能够帮你解决在javascript中Blob到Base64所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端