前端js实现 blob转base64位和 base64位转blob

转载于 2018-07-22 09:39:00 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhaoyanhaoBlog/p/9349142.html

文章标签：

#前端 #javascript #php #ViewUI

本文提供了将Data URL转换为Blob及反之的方法。Data URL到Blob的转换通过JavaScript函数实现，而Blob转Data URL则利用了FileReader API。这些功能对于前端开发中处理图像和其他文件类型特别有用。

//**dataURL to blob**
function dataURLtoBlob(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 to dataURL**
function blobToDataURL(blob, callback) {
var a = new FileReader();
a.onload = function (e) { callback(e.target.result); }
a.readAsDataURL(blob);
}

//test:
//var blob = dataURLtoBlob('data:text/plain;base64,YWFhYWFhYQ==');
//blobToDataURL(blob, function (dataurl) {
// console.log(dataurl);
//});

转载于:https://www.cnblogs.com/zhaoyanhaoBlog/p/9349142.html