base64与Blob互转以及Blob下载

来源：互联网发布：大话2召唤兽数据预测编辑：程序博客网时间：2024/05/19 01:33

当下载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）

阅读全文

0 0