简单的下载原理:创建a标签,使用download,点击后销毁即可,但是如果需要token,a标签无法加请求头,需要转成blob
var xhr = new XMLHttpRequest(); //定义http请求对象
xhr.open("GET",this.uploadhref, true); //定义请求格式,地址
xhr.setRequestHeader("X-Access-Token",this.token);//加请求头
xhr.send();
xhr.responseType = "blob"; // 返回类型blob
xhr.onload = function() { // 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
if (this.status===200) {
var blob = this.response;
var reader = new FileReader();
reader.readAsDataURL(blob); // 转换为base64,可以直接放入a标签href
reader.onload=function (e) {
// 转换完成,创建一个a标签用于下载
var a = document.createElement('a');
a.download="lng工厂价格.xlsx"; //自定义下载文件名称
a.href = e.target.result;
document.body.append(a); // 修复firefox中无法触发click
a.click();
}
}else{
alert("出现了未知的错误!");
}
}
搞定