后台返回文件流，前端下载为excal

在路上等

已于 2024-05-14 14:16:58 修改

阅读量350

点赞数 3

分类专栏： js 文章标签：前端

于 2024-05-09 11:08:17 首次发布

本文链接：https://blog.csdn.net/weixin_42327537/article/details/138605861

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.添加ajax请求（responseType:'blob',）

const exportExcelApi = (options)=>{

return fetchPost(IP+'/airport/downExcel', {body:options,responseType:'blob',});

}

2.请求到流下载到本地

 const down = (type,response)=>{
     // 创建隐藏的可下载链接  response.data是返回的二进制流 根据后台返回的数据
     const url = window.URL.createObjectURL(new Blob([response.data])); //
     const link = document.createElement('a');
     link.href = url;
     console.log(url,"url")
     link.setAttribute('download', type+'.xlsx'); // 自定义文件名
     document.body.appendChild(link);
     // 模拟点击下载
     link.click();
     // 清除无用的URL对象
     window.URL.revokeObjectURL(url);
     link.remove();
  }