blob转base64位 base64位转blob

转载于 2018-01-12 15:52:18 发布 · 3.3k 阅读

本文介绍如何在前端开发中实现 Data URL 与 Blob 的相互转换，包括使用 JavaScript 编写的 dataURLtoBlob 和 blobToDataURL 两个实用函数。通过这些函数可以方便地在网页应用中处理图片等二进制文件。

//**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);
//});