zoukankan      html  css  js  c++  java
  • Excel文档导出——后端返回文件流,前端实现下载功能

    最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用。

    // 下载
    downLoad(id) {
      this.$axios
        .get(
          this.baseUrl + "social/download?id=" +id,
          {responseType: "blob"}
        )
        .then((res) => {
          let blob = res.data;
          let a = document.createElement("a");

    //由于后台返回文件名称是通过response返回的 //因此需要从response headers中content-disposition响应头中获取文件名称fileName,如上图所示 let headers = res.headers; let fileName = headers["content-disposition"]; fileName = fileName.split('=')[1] //download是a标签的一个属性,可以自定义文件名称 a.download = fileName; a.href = URL.createObjectURL(blob); document.body.appendChild(a); a.click(); document.body.removeChild(a);
    }); },

     

  • 相关阅读:
    种类并查集
    因式分解
    最长递增(不减)子序列
    C++之算法题模板
    线段树
    C++之环境搭建
    C++之vector用法
    逆序数以及右边更小数的个数
    Unity3d之动态连接Mesh Renderer和Collider
    Matlab之字符串处理
  • 原文地址:https://www.cnblogs.com/dreamstartplace/p/15309223.html
Copyright © 2011-2022 走看看