当下载canvas生成的base64图片,当图片过大时会失败。这是我们可以把base64图片转成Blob二进制文件再下载~
//**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);
}
var _file = dataURLtoBlob(c); // c就是base64字符串
//Blob_test();
function Blob_test(){
var blob;
if(!window.Blob)
console.log('不支持');
else
blob = _file;
if(window.URL){
document.getElementById("mybody").innerHTML = '<a download href="' + window.URL.createObjectURL(blob) + '" target="_blank">文件下载</a>';
}
}
此下载是不兼容IE的,兼容IE的方式请看我的另一篇文章:
通过转成Blob文件下载base64图片(兼容IE)