二进制文件流转excel

一只菜菜菜菜鸟

已于 2022-10-17 09:53:14 修改

阅读量961

点赞数

分类专栏： JavaScript笔记文章标签： javascript 前端 vue.js

于 2022-10-17 09:49:08 首次发布

本文链接：https://blog.csdn.net/m0_62790858/article/details/127357732

版权

JavaScript笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

接口部分


//导出原始报备信息表
export const exportOriginReportTbl = (data) => {
  return service({
    url: "/xyReportManage/exportOriginReportTbl",
    method: "post",
    data,
    responseType: "blob"
  });
};

请求部分

async handleExcelExport(fileName, id) {
      if (!fileName) return;
      const res = await exportOriginReportTbl({ id });
      if (res.status === 200 && res.statusText === "OK") {
        let url = window.URL.createObjectURL(
          new Blob([res.data], { type: "application/vnd.ms-excel" })
        ); //data为调完接口获取到的二进制流 type是设置将会被放入到 blob 中的数组内容的 MIME 类型。
        let link = document.createElement("a");
        link.style.display = "none";
        link.href = url;
        link.setAttribute("download", fileName); //设置excal名称
        document.body.appendChild(link); //模拟点击事件
        link.click();
        document.body.removeChild(link); //下载完成移除元素
        window.URL.revokeObjectURL(url); //释放掉blob对象
      }
    },