资讯详情

JS将base64转可下载文件

文章目录

  • 通过JS将Base64转换为可下载文件
    • 功能函数
    • 测试Demo

通过JS将Base64转换为可下载文件

功能函数

//下载base64文件     function dataURLtoBlob(dataurl,name) { 
        //name:文件名         var mime = name.substring(name.lastIndexOf('.') 1)//后缀名         var bstr = atob(dataurl), n = bstr.length, u8arr = new Uint8Array(n);         while (n--) { 
                     u8arr[n] = bstr.charCodeAt(n);         }         return new Blob([u8arr], { 
         type: mime });     }     function downloadFile(url,name=默认文件名){ 
                 var a = document.createElement("a")///创建a标签触发点击下载         a.setAttribute("href",url)//附上         a.setAttribute("download",name)         a.setAttribute("target","_blank")
        let clickEvent = document.createEvent("MouseEvents");
        clickEvent.initEvent("click", true, true);
        a.dispatchEvent(clickEvent);
    }
	//主函数
    function downloadFileByBase64(name,base64){ 
        
        var myBlob = dataURLtoBlob(base64,name)
        var myUrl = URL.createObjectURL(myBlob)
        downloadFile(myUrl,name)
    }

测试Demo

执行以下测试,你可以获得以下图片,其他文件同理。 在这里插入图片描述

var base64 = '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'
downloadFileByBase64('hello.png',base64)

标签: hag1压力传感器变送器4hag1压力变送器如何接线hpk无功功率变送器数字电位器x9315usz

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台