Js原生实践 base64流文件的下载

base64编码字符串转换Blob类型直接下载

前言：dataStr这个是从后端回传的，通过把base64编码字符串转换为blob类型，利用window.URL.createObjectURL()方法把blob对象转换文件下载下来。

//base64 转blob
 function dataURLtoFile (dataStr,mimeType) {
        bstr = atob(dataStr),
        n = bstr.length,
        u8arr = new Uint8Array(n);
        while(n--){
        u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], { type: mimeType });
    }
    
//创建隐藏的a标签直接下载
function dowloadFile (dataStr,mimeType='application/octet-stream,charset=UTF-8') {
 var blob = dataURLtoFile(dataStr,mimeType);//转成blob类型
 // 创建隐藏的可下载链接
 var eleLink = document.createElement('a');
 eleLink.download = fileName;
 eleLink.style.display = 'none';
 eleLink.href = URL.createObjectURL(blob);
 // 触发点击
 document.body.appendChild(eleLink);
 eleLink.click();
 // 然后移除
 document.body.removeChild(eleLink);
    }

具体base64string的来源，请看压缩文件生成及文件IO流存储的三种方式