admin管理员组

文章数量:1130349

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

  • 1、 问题
  • 2、解决方案

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的下载文件问题

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

  • 1、 问题
  • 2、解决方案

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的下载文件问题

本文标签： 浏览器解决方案文件Vue

版权声明：本文标题：VUE中IE浏览器下载文件的解决方案 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1723977986a471406.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。