前端使用ajax下载报表

前端点击按钮然后下载.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]