后端返回前端流，前端导出文件

殷宇佳gg。 -

于 2024-02-21 13:46:51 发布

阅读量117

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/yinyujia123/article/details/136209861

版权

本文介绍了如何在JavaScript中通过`request`模块向/inquiry/complexReport/exportAPI发送POST请求，获取数据后将其转换为Blob对象，并利用`URL.createObjectURL`实现文件的下载功能，以Excel格式提供给用户。

摘要由CSDN通过智能技术生成

      
  import request from '@/utils/request'

  export() {
        request({
          url: '/inquiry/complexReport/export',
          method: 'post',
          data: this.dataForm,
          responseType: 'arraybuffer'
        }).then((res)=>{
          const blob = new Blob([res], {
              type: 'application/octet-stream'
            });
            console.log(blob)
            const url = window.URL.createObjectURL(blob);
            const link = document.createElement('a');
            link.href = url;
            link.setAttribute('download', `报告查询统计_${new 
            Date().getTime()}.xlsx`);
            document.body.appendChild(link);
            link.click();
            window.URL.revokeObjectURL(url);
        })
      },