The front end uses ajax to download the report

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]

Guess you like

Origin blog.csdn.net/Lclghjk/article/details/109031935