前端点击按钮然后下载.xls文件。
相关代码如下:
//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();
});
},
如果文件名由后端定义则可以使用getResponseHeader(“Content-Disposition”)方法来获取服务端的文件名。
var name = xhr.getResponseHeader("Content-Disposition");
var filename = name.split("=")[1]