vue 将base64 的文件流转换成pdf 并下载，兼容 IE10+

时间：2019-06-26 19:22:15 阅读：539 评论：0 收藏：0 [点我收藏+]

//base64 转换 blob

dataURLtoBlob(dataurl) {

　　var bstr = atob(dataurl)

　　var n = bstr.length;

　　var u8arr = new Uint8Array(n);

　　while (n--) {

　　　　u8arr[n] = bstr.charCodeAt(n);

　　}

　　return new Blob([u8arr], { type: ‘pdf‘ });

}

// res.data 就是后台返回的base64的文件流

let URL = this.dataURLtoBlob(res.data);

var reader = new FileReader();

　　reader.readAsDataURL(URL);

　　reader.onload = function (e) {

　　　　// 兼容IE

　　　　if (window.navigator.msSaveOrOpenBlob) {

　　　　　　var bstr = atob(e.target.result.split(",")[1]);

　　　　　　var n = bstr.length;

　　　　　　var u8arr = new Uint8Array(n);

　　　　　　while (n--) {

　　　　　　　　u8arr[n] = bstr.charCodeAt(n);

　　　　　　}

　　　　　　var blob = new Blob([u8arr]);

　　　　　　window.navigator.msSaveOrOpenBlob(blob,‘采购单.pdf‘);

　　　　} else {

　　　　　　// 转换完成，创建一个a标签用于下载

　　　　　　var a = document.createElement(‘a‘);

　　　　　　a.download = ‘采购单.pdf‘;

　　　　　　a.href = e.target.result;

　　　　　　a.setAttribute("id", "export")

　　　　　　document.getElementById("purchaseManage").append(a); // 修复firefox中无法触发click

　　　　　　a.click();

　　　　　　document.getElementById("export").remove();

　　}

原文：https://www.cnblogs.com/aoqizhonghua/p/11093087.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

vue 将base64 的文件流转换成pdf 并下载， 兼容 IE10+