axios 请求下载文件excel，后端返回二进制的文件

最新推荐文章于 2023-11-27 09:31:14 发布

wo奋斗的小鸟

最新推荐文章于 2023-11-27 09:31:14 发布

阅读量306

点赞数

分类专栏： HTTP 前端知识文章标签： ajax js base64

本文链接：https://blog.youkuaiyun.com/qq_37337830/article/details/115260081

版权

前端知识同时被 2 个专栏收录

4 篇文章

订阅专栏

HTTP

3 篇文章

订阅专栏

axios({ 
   method: 'get',
   url: '', // 请求地址
   data: '', // 参数
   headers: { // 请求头
   },
   responseType: 'blob' // 表明返回服务器返回的数据类型
})
.then((res) => { // 处理返回的文件流
   console.log(res,'---')
   const blob = res.data;
   const reader = new FileReader();
   reader.readAsDataURL(blob); // 转换为base64，可以直接放入a标签href
   reader.onload = function (e) {
      var a = document.createElement("a"); // 转换完成，创建一个a标签用于下载
      a.download = '文件名' + ".xls";
      a.href = e.target.result;
      document.body.appendChild(a);
      a.click();
      a.remove();
   }
})

核心：二进制转城 base64后