axios下载流文件，下载base64文件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了axios下载流文件，下载base64文件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1109字，纯文字阅读大概需要2分钟。

内容图文

被后端坑了，他告诉我接口返回的是二进制流，结果怎么都解析不出来，最后才不断测试，发现他返回给我的是base64码。。。

一、下载流文件

首先，reponseType要设置成 blob

request({
    url:url,
    method:'post',
    data,
    responseType:'blob‘
})

然后，下载就是一个模拟a标签然后模拟点击的过程
假设返回来的流存放在res中。

const blob = new Blob([res])
const fileName = ‘文件名，带后缀的'
let a = document.createElement('a')
a.download = fileName
a.style.display = 'none'
a.href = URL.createObjectURL(blob)
document.body.appendChild(a)
a.click()
URL.revokeObjectURL(a.href)
document.body.removeChild(a)

二、下载base64为文件

后端返回base64编码的话，不用设置reponseType
直接接受开始用，后缀可以自己设置，不过没啥用，base64原来是啥，就会自动变成啥。

let bstr = atob(base64数据)
let n = bstr.length;
let u8arr = new Uint8Array(n);
while(n--){
    u8arr[n] = bstr.charCodeAt(n)
}
let url = new Blob([u8arr],{type:'doc'})//这个type没啥用
let reader = new FileReader();
reader.readAsDataURL(url):
reader.onload=function(e){
    let a = document.createElement('a')
    a.download = 文件名
    a.href = e.target.result;
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)
}

 

内容总结

以上是互联网集市为您收集整理的axios下载流文件，下载base64文件全部内容，希望文章能够帮你解决axios下载流文件，下载base64文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---