vue axios post形式下载zip文件流_vuezip的流文件名称

最新推荐文章于 2024-05-05 16:18:15 发布

2401_84434237

最新推荐文章于 2024-05-05 16:18:15 发布

阅读量405

点赞数 4

分类专栏：程序员文章标签： vue.js 状态模式前端

本文链接：https://blog.csdn.net/2401_84434237/article/details/138297698

版权

程序员专栏收录该内容

180 篇文章 0 订阅

订阅专栏

});
axios
  .post("/api/download/zip1", reqData, { // url中/api是前端解决跨域问题的
    headers: { // 这里需要使用form-data格式数据发送请求
      "Content-Type": "application/x-www-form-urlencoded"
    },
    responseType: "blob" // 下载zip文件需要使用的响应格式,这是区别于普通post请求的地方,重点!!!
  })
  .then(response => {
    var zipName = "Bulk\_Download"; // 下载的文件名
    let blob = new Blob([response.data], { type: "application/zip" }); // 下载格式为zip
    if ("download" in document.createElement("a")) {
       非IE下载
      let elink = document.createElement("a"); // 创建一个<a>标签
      elink.style.display = "none"; // 隐藏标签
      elink.href = window.URL.createObjectURL(blob); // 配置href
      elink.download = zipName;
      elink.click();
      URL.revokeObjectURL(elink.href); // 释放URL 对象
      document.body.removeChild(elink); // 移除<a>标签
    } else {
      //IE10+
      navigator.msSaveBlob(blob, zipName);
    }
  })
  .catch(error => {
    console.log("download error (batch)");
    console.log(error);
  });

}


**如果是单独下载, 可以使用window.open()方法进行下载, 默认window.open会在浏览器中打开一个新的标签页, 不是很友好, 这里配置的"\_self"就是在当前标签页打开下载, 还是比较有好的**

window.open( “/api/download/” , “_self” );


**当然当前页打开页面的方法还有很多, 自己选择一个喜欢的就可以**



### 自学几个月前端，为什么感觉什么都没学到？？

----------------------------------------------------------------------------------

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。



这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/15be8206a9f6e5bd9e8e930303b613ee.png)



还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。



所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。