首页 > 其他 > 详细

vue通过Blob实现下载文件

时间:2019-05-27 17:45:51      阅读:386      评论:0      收藏:0      [点我收藏+]

需求是这样的......

具体实现,前端拿到后端返回回来的数据,然后通过Blob实现下载,文件内容样式啥的都是后端写的

script代码:

这里的data就是后端返回回来的数据,此方法兼容IE

 1 download(data) {
 2       if (!data) {
 3         return;
 4       }
 5       let blob = new Blob([data], {
 6         type:
 7           "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8"
 8       });
 9       let url = window.URL.createObjectURL(blob);
10       let fileName = this.data.plan_no + "出团通知单.docx";
11       if ("download" in document.createElement("a")) {
12         const a = document.createElement("a");
13         a.href = url;
14         a.download = fileName;
15         a.style.display = "none";
16         document.body.appendChild(a);
17         a.click();
18         URL.revokeObjectURL(a.href);
19         document.body.removeChild(a);
20       } else {
21         navigator.msSaveBlob(blob, fileName);
22       }
23     }

 

vue通过Blob实现下载文件

原文:https://www.cnblogs.com/jun-qi/p/10931432.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!