其实写过好几个后台的下载都是要么使用 <a> download 属性或window.open实现下载效果,使用这两个方法除IE浏览器外,应该大部分浏览器都可以实现下载效果的。
例如:
//下载
function downloadFile(row){
var link = document.createElement('a');
link.setAttribute("download", row.fileName);
link.href = '/download?id=' + row.id;
link.click();
}
//下载
function downloadFile(row){
window.open('/download?id=' + row.id);
}
最后还是要根据用户反馈来进行修改下载功能,在网上百度了下大佬的解决方案,改成这种写法就能在IE下实现下载并可以把文件生成对应名称和后缀。
//下载
function downloadFile(row){
var url = prefix + '/download?id=' + row.id;
var xhr = new XMLHttpRequest();
xhr.open('get', url, true);
xhr.responseType = "blob"; // 返回类型blob
// 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
xhr.onload = function() {
// 请求完成,返回200
if(this.status === 200) {
var blob = this.response;
var href = window.URL.createObjectURL(blob); //创建下载的链接
//判断是否是IE浏览器,是的话返回true
if (window.navigator.msSaveBlob) {
try {
window.navigator.msSaveBlob(blob, row.fileName)
} catch (e) {
console.log(e);
}
} else {
// 谷歌浏览器 创建a标签 添加download属性下载
var downloadElement = document.createElement('a');
downloadElement.href = href;
downloadElement.target = '_blank';
downloadElement.download = row.fileName; //下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); //点击下载
document.body.removeChild(downloadElement); //下载完成移除元素
window.URL.revokeObjectURL(href); //释放掉blob对象
}
}
}
// 发送ajax请求
xhr.send()
$.table.refresh();
}