js下载文件方法

NC王小面

于 2023-03-16 15:12:36 发布

阅读量617

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_44596688/article/details/129587423

版权

1.请求方法

以axios请求,下载xls文件为例

export function download() {
  return request({
    url: "/api",
    method: "GET",
    headers: { "Content-Type": "application/xls" },
    responseType: "blob",
  });
}

2.接受数据并下载

方法中接收到二进制数据,创建链接并下载

 const blob = new Blob([res.data], {
        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8",
      });
const link = document.createElement("a");
link.href = window.URL.createObjectURL(blob);
link.download = "车辆列表.xlsx" || "file";
link.click();