vue前端下载流文件不正常的解决方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
this.$http
       .post(
         "report/download",
         {
           name: this.name,
           html: imageWrapper.innerHTML,
         },
         {
           headers: {
             "Content-Type": "application/json;charset=utf-8",
             //"Content-Type": "application/x-www-form-urlencoded",
           },
           responseType: "blob", //关键
         }
       )
       .then((res) => {
         const pdfUrl = window.URL.createObjectURL(
           new Blob([res.data], { type: `application/pdf` })
         );
 
         const link = document.createElement("a");
         link.href = pdfUrl;
         link.setAttribute("download", this.name);
         document.body.appendChild(link);
         link.click();
         link.remove(); // 一次性的,用完就删除a标签
       });

  

posted @   贾平凡  阅读(690)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示