Click the button on the front end and download the .xls file.
The relevant code is as follows:
//fileName:下载的文件名
//query_str:需要传递的参数
fileDownload: function (fileName, query_str) {
return new Promise((resolve, reject) => {
let token = sessionStorage.getItem("mfStatToken");
let fileurl = `xxxxxxxxxxx?${
query_str}`;
var xhr = new XMLHttpRequest();
xhr.open('GET', fileurl, true);
xhr.setRequestHeader("token", token);
xhr.responseType = "blob";
xhr.onload = function () {
// console.log("onload");
if (this.status == 200) {
var blob = this.response;
var downloadElement = document.createElement('a');
var href = window.URL.createObjectURL(blob);
downloadElement.href = href;
downloadElement.download = `${
fileName}.xls`;
document.body.appendChild(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement);
window.URL.revokeObjectURL(href);
resolve(true);
} else {
resolve(false);
}
}
xhr.send();
});
},
If the file name is defined by the backend, you can use the getResponseHeader("Content-Disposition") method to get the file name of the server.
var name = xhr.getResponseHeader("Content-Disposition");
var filename = name.split("=")[1]