admin管理员组

文章数量:1558087

通过Blob对象处理返回内容

先设置responseType为blob，对象随后对返回的数据进行Blob处理，再创建a标签模拟点击下载。

值得注意的是，如果你的项目中使用了mock数据，那么会覆盖你的responseType的设置为默认的json，使得下载文件内容乱码。因此，你需要密切关注返回的数据是个Blob对象还是Json格式
具体代码如下

axios({
              method:'post',
              url:'',
              responseType: "blob",   // 该项必填
              data:{}
            }).then(res=>{         
              const blob = new Blob([res.data], {
          	    type:
                "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
            });
            const downloadElement = document.createElement("a");
            const href = window.URL.createObjectURL(blob);
            // 如果后端没有提供文件名不用管下面注释的代码
            // let contentDisposition = res.headers["content-disposition"]; //从response的headers中获取filename, 后端response.setHeader(&#

本文标签： 乱码浏览器方式文件axios

版权声明：本文标题：axios POST方式下载文件乱码解决以及浏览器兼容 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727375496a1111659.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。