blob浏览器兼容问题
问题: blob格式在不同浏览器下载有差异
this.axios({
url: window.API_HOST + '/camp/exportAccountBook',
method: 'post',
data: params,
responseType: 'blob'
}).then(res => {
const link = document.createElement('a')
let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'})
link.style.display = 'none'
link.href = URL.createObjectURL(blob)
// link.download = res.headers['content-disposition'] //下载后文件名
link.download = 'aa.xlsx'//下载的文件名
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
})
解决:
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
//判断ie
if (window.navigator && window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveOrOpenBlob(blob, "aaa.xls");
} else {
var a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = "aaa.xls";
document.body.appendChild(a);
a.onclick = function() {
document.body.removeChild(a);
};
a.click();
}
ok啦
更多推荐
blob浏览器兼容问题解决
发布评论