js实现下载

一、封装函数

downloadText(data, name) {const id &＃61; "__ETL_DOWNLOAD_BUTTON__";const blob &＃61; new Blob([data]);const url &＃61; URL.createObjectURL(blob);let a &＃61; document.getElementById("#" &＃43; id);if (!a) {a &＃61; document.createElement("a");a.id &＃61; id;document.body.append(a);}a.href &＃61; url;a.download &＃61; name;a.click();},


二、后台返回文件流
传参、调接口&＃xff0c;下载文件
let params &＃61; {
fileName: val.fileName,
filePath: val.filePath
};
const res &＃61; await DownLoad(params);
const { data, headers } &＃61; res;
if (!headers[“content-disposition”]) {
this.$message.error(“导出数据为空”);
return false;
}
const fileNames &＃61; headers[“content-disposition”].split(
“fileName&＃61;”
);
console.log(fileNames);
const fileName &＃61; decodeURI(fileNames[fileNames.length - 1]);
this.downloadText(data, fileName);