前端使用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]
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值