后端返回文件流,前端导出excel

1. 请求

2. 检查接口

3. 导出代码

(如果可以导出,且表格为undefined,把new Blob([res]换成new Blob([res.data], 或者在检查后端是不是返回的blob对象)

ExportWaterEventListPage(data).then(res => {
        // console.log("导出闷盖记录为excel", res);
        // 转化为blob对象
        let blob = new Blob([res], {
          type: "application/octet-stream"
        });
        let filename = "放水分析记录.xls";
        // 将blob对象转为一个URL
        var blobURL = window.URL.createObjectURL(blob);
        // 创建一个a标签
        var tempLink = document.createElement("a");
        // 隐藏a标签
        tempLink.style.display = "none";
        // 设置a标签的href属性为blob对象转化的URL
        tempLink.href = blobURL;
        // 给a标签添加下载属性
        tempLink.setAttribute("download", filename);
        if (typeof tempLink.download === "undefined") {
          tempLink.setAttribute("target", "_blank");
        }
        // 将a标签添加到body当中
        document.body.appendChild(tempLink);
        // 启动下载
        tempLink.click();
        // 下载完毕删除a标签
        document.body.removeChild(tempLink);
        window.URL.revokeObjectURL(blobURL);
        this.$message({
          message: "导出成功!",
          type: "success"
        });
      });

相关推荐

  1. 返回文件格式,前端vue 导出下载表格

    2024-03-22 13:12:03       34 阅读
  2. 返回文件pdf 下载

    2024-03-22 13:12:03       38 阅读
  3. 前端预览pdf文件(返回pdf文件)

    2024-03-22 13:12:03       30 阅读
  4. 前端处理axios请求下载返回文件

    2024-03-22 13:12:03       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-22 13:12:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-22 13:12:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-22 13:12:03       82 阅读
  4. Python语言-面向对象

    2024-03-22 13:12:03       91 阅读

热门阅读

  1. 【数据库】MySQL表的增删改查

    2024-03-22 13:12:03       48 阅读
  2. 软件工程(双语)

    2024-03-22 13:12:03       41 阅读
  3. Git:分布式版本控制系统

    2024-03-22 13:12:03       38 阅读
  4. Linux安装Go

    2024-03-22 13:12:03       39 阅读
  5. 数据分析---数据概念、分析方法

    2024-03-22 13:12:03       40 阅读
  6. CCS 2023

    2024-03-22 13:12:03       33 阅读
  7. 图像处理中的几何变换有哪些?

    2024-03-22 13:12:03       40 阅读
  8. 复试专业前沿问题问答合集1

    2024-03-22 13:12:03       40 阅读
  9. C语言经典面试题目(二十六)

    2024-03-22 13:12:03       40 阅读
  10. pytorch中对象或变量后面加上.cuda()函数的作用

    2024-03-22 13:12:03       39 阅读
  11. 如何注册法国公司:手把手教程

    2024-03-22 13:12:03       33 阅读