前端base64转文件输出

灵湖映北辰

已于 2022-08-18 11:33:27 修改

阅读量787

点赞数

分类专栏：前端文章标签：前端 javascript html

于 2022-08-08 19:01:58 首次发布

本文链接：https://blog.csdn.net/qq_33304139/article/details/126233971

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

window.atob() 方法用于解码使用 base-64 编码的字符串

并转为 blob ，创建a标签指向blob的下载地址，并点击a标签，进行下载

function getFile(base64,title){
    let data = base64.split(',')[1]
    var bytes=window.atob(data),
        // var bytes=window.atob(urlData),//如果是不带前缀的base64则直接执行此行代码即可
        n=bytes.length,
        u8arr=new Uint8Array(n);
    while(n--){
        u8arr[n]=bytes.charCodeAt(n);
    }
    let blob=null;
    if(!window.Blob)
       console.log("不允许导出！")
    else
        blob = new Blob([u8arr]);

    if (window.navigator.msSaveOrOpenBlob) {
        navigator.msSaveBlob(url.src, url.name);
    } else {
        var link = document.createElement("a");
        link.setAttribute("href", window.URL.createObjectURL(blob));
        link.setAttribute("download", title + '.png');
        document.body.appendChild(link);
        link.click();
        link.remove();
    }
}

以上参数1 是base64字符串，参数2是导出文件名称