后端返回文件流，前端post请求接收并下载

最新推荐文章于 2024-06-13 10:06:49 发布

羊二哥

最新推荐文章于 2024-06-13 10:06:49 发布

阅读量1w

点赞数 8

分类专栏： react js

本文链接：https://blog.csdn.net/weixin_43586120/article/details/89450746

版权

js 同时被 2 个专栏收录

23 篇文章 15 订阅

订阅专栏

react

6 篇文章 0 订阅

订阅专栏

fetch('<接口地址>', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: '<请求参数：json字符串>',
})
.then(res => res.blob())
.then(data => {
  let blobUrl = window.URL.createObjectURL(data);
  download(blobUrl);
});

function download(blobUrl) {
  const a = document.createElement('a');
  a.style.display = 'none';
  a.download = '导出的文件名';
  a.href = blobUrl;
  a.click();
  document.body.removeChild(a);
}