IE浏览器无法通过a标签下载文件

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的下载文件问题
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐