Vue 文件流处理使用 js-file-download

最新推荐文章于 2025-03-29 10:20:12 发布

@@打工人@@

最新推荐文章于 2025-03-29 10:20:12 发布

阅读量1.4k

点赞数 2

本文链接：https://blog.csdn.net/weixin_42974464/article/details/121517111

版权

这篇博客介绍了如何利用axios发送GET请求获取文件，并结合js-file-download库实现浏览器中文件的下载。通过设置响应类型为arraybuffer，然后调用download方法生成文件流并指定文件名完成下载操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装 js-file-download

npm install js-file-download --save

使用

import axios from 'axios';

loadFile (row) {
  let p = {downLoadAddr: row.filePath, oldFileName: row.fileName};
  let url = apiBase.slice(0, apiBase.indexOf('/api/'));
  axios({
    method: 'get',
    url: `${url}/ym/file/download`,
    params: {...p},
    headers: {
      //'token': '...', // 根据需求添加
      'Content-type': 'application/x-www-form-urlencoded'
    },
    responseType: 'arraybuffer'
  }).then((response) => {
  /*
*  data:(必填)文件流 
*  fileName: (非必填)自定义 文件名称
* */
    this.download(response.data, row.fileName);
  });
},
download (data, fileName) {
  let fileDownload = require('js-file-download');
  fileDownload(data, fileName, 'application/vnd.ms-excel');
}