axios 文件流导出excel

本文详细介绍使用Axios进行文件流操作,实现从后端获取数据并导出为Excel文件的过程。包括设置responseType为arraybuffer接收二进制数据,以及在前端处理数据流生成并下载Excel文件的方法。

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

axios 文件流导出excel

一 . 设置responseType 为 arraybuffer

axios.post(`${origin}/baisp_appointment/api/plat/xxx`, params, {
    responseType: 'arraybuffer',
    headers: { token: getToken(), account: getAccount() },
}).then((res) => {
    let fileName = format(new Date(), 'yyyy-MM-dd');
    this.exportSearchList(res.headers['content-disposition'].split('=')[1], res.data);
}).catch();

二.处理数据流导出文件

//流转化
 exportSearchList(dowLoadFileName, result) {
     let blob = new Blob([result]);
     const fileName = dowLoadFileName;
     // 判断浏览器
     var brower = '';
     if (navigator.userAgent.indexOf('Edge') > -1) {
         brower = 'Edge';
     }

     if ('download' in document.createElement('a')) {
         // 非IE下载
         if (brower == 'Edge') {
             navigator.msSaveBlob(blob, fileName);
             return;
         }
         const elink = document.createElement('a');
         elink.download = fileName;
         elink.style.display = 'none';
         elink.href = URL.createObjectURL(blob);
         document.body.appendChild(elink);
         elink.click();
         URL.revokeObjectURL(elink.href);
         // 释放URL 对象
         document.body.removeChild(elink);
     } else {
         // IE10+下载
         navigator.msSaveBlob(blob, fileName);
     }
 },
回答: 使用axios来下载文件有以下几个原因。首先,使用axios可以提供更好的安全性。通过使用axios发送请求,可以在请求头中添加token进行权限校验,确保只有具有合法权限的用户才能下载文件。这可以有效防止恶意用户通过修改请求参数获取到服务器的下载数据。\[3\]其次,使用axios可以提供更好的文件下载方式。通过设置axios的responseType为'blob',可以将后台返回的数据强制转换为blob类型,从而实现文件的下载。然后,可以通过创建一个下载链接,并设置相应的文件名,使用户可以方便地下载文件。\[2\]最后,使用axios可以提供更好的兼容性。通过使用axios发送请求,可以兼容不同浏览器的下载操作,包括兼容火狐浏览器。\[2\]综上所述,使用axios来下载文件可以提供更好的安全性、更好的文件下载方式和更好的兼容性。 #### 引用[.reference_title] - *1* *3* [使用axios实现文件流下载的安全问题](https://blog.csdn.net/weixin_43236062/article/details/120531829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [axios获取后端文件流get/post下载Excel,详细步骤以及踩过的坑](https://blog.csdn.net/weixin_53350466/article/details/126469254)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值