downloadFile(url, name) {
let _this = this
_this.getBlob(url, function(blob) {
_this.saveAs(blob, name);
})
}
getBlob(url,cb) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = function() {
if (xhr.status === 200) {
cb(xhr.response);
}
};
xhr.send();
}
saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {
var link = document.createElement('a');
var body = document.querySelector('body');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
link.style.display = 'none';
body.appendChild(link);
link.click();
body.removeChild(link);
window.URL.revokeObjectURL(link.href);
}
}
后端返回url和文件名称,前端处理、下载文件
最新推荐文章于 2024-07-29 18:13:57 发布
这篇文章介绍了使用JavaScript实现文件下载功能的方法,主要涉及`getBlob`函数获取HTTP响应的Blob对象,以及`saveAs`函数处理Blob对象,通过`window.URL.createObjectURL`和浏览器特定API进行文件下载。
摘要由CSDN通过智能技术生成