前端将文件流导出为csv/excel文件

本文介绍了如何在前端通过请求后端接口获取二进制流,实现csv或excel文件的下载。避免了后端保存静态文件和直接暴露链接的方式,解决了资源消耗问题。关键在于设置请求头及正确匹配文件格式。注意,由于微软的bom头问题,使用Excel打开csv文件可能出现乱码,但使用WPS等软件则正常。
摘要由CSDN通过智能技术生成

前端将文件流导出为csv/excel文件


1.后端直接返回文件连接:

前端正常请求,后端返回一个静态文件链接,直接使用:
window.location.href = url
简单,但是缺点是耗资源,后端需要把数据转化为excel存起来,并且直接暴露连接。

2.后台返回二进制流:

请求后台接口。 后台返回二进制流。
前端实现浏览器将数据下载为文件。

请求:

  exportFile: (params) => {
   
    return axios({
   
      method: 'post',
     headers: {
                                          
              'content-type': 'application/json; charset=utf-8',
              'token':sessionStorage.getItem("tokens")
 
  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值