下载文件之前端自定义下载文件的名称

最新推荐文章于 2023-11-15 14:51:43 发布

weixin_39948052

最新推荐文章于 2023-11-15 14:51:43 发布

阅读量626

点赞数

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/weixin_39948052/article/details/127387005

版权

请求头设置header.filename

 axiosGetDownload(url, params, filenameExt = "下载文件") {
    return new Promise(function (resolve, reject) {
      axios .get(url + "?" + qs.stringify(params), {
          headers: {
            "Content-Type": "multipart/form-data",
            token: sessionStorage.getItem("token"),
          },
          responseType: "arraybuffer",
        })
        .then((res) => {
          const blob = new Blob([res.data]);
          const filename = res.headers? res.headers["filename"]: filenameExt + ".xlsx";   //自定义下载文件名称
          const a = document.createElement("a");
          const url = window.URL.createObjectURL(blob);
          a.href = url;
          a.download = decodeURI(filename);
          const body = document.getElementsByTagName("body")[0];
          body.appendChild(a);
          a.click();
          body.removeChild(a);
          window.URL.revokeObjectURL(url);
        })
        .catch((res) => {
          reject(res);
        });
    });