VUE中IE浏览器下载文件的解决方案
IE浏览器无法通过a标签下载文件1、 问题2、解决方案1、 问题浏览器的兼容性问题一直是个令人头痛的问题,开发的小伙伴应该都比较喜欢用chrome浏览器,兼容性比较强大,而就有些问题发生在其他一些浏览器上,尤其是IE,今天就记录一个ie的坑——ie浏览器不支持通过a标签下载文件,作为一个后端菜鸟,还要去解决这种问题,心里简直一万只羊驼在奔腾…2、解决方案话不多说,直接贴代码this.ax...
·
1、 问题
浏览器的兼容性问题一直是个令人头痛的问题,开发的小伙伴应该都比较喜欢用chrome浏览器,兼容性比较强大,而就有些问题发生在其他一些浏览器上,尤其是IE,今天就记录一个ie的坑——ie浏览器不支持通过a标签下载文件,作为一个后端菜鸟,还要去解决这种问题,心里简直一万只羊驼在奔腾…
2、解决方案
话不多说,直接贴代码
this.axios.get("/estimate/downResource", {
params:{
fileName:fileNm
},
responseType: 'blob'
}).then(response => {
if (window.navigator.msSaveBlob) { //IE以及IE内核的浏览器
try {
window.navigator.msSaveBlob(response, fileNm); //response为接口返回数据,这里请求的时候已经处理了,如果没处理需要在此之前自行处理var data = new Blob([response.data]) 注意这里需要是数组形式的,fileNm就是下载之后的文件名
// window.navigator.msSaveOrOpenBlob(response, fileNm); //此方法类似上面的方法,区别可自行百度
}catch (e) {
console.log(e);
}
}
this.download(response,fileNm) // chrome、firefox
至此,成功解决IE的下载文件问题
更多推荐
已为社区贡献2条内容
所有评论(0)