axios下载流文件,下载base64文件

被后端坑了,他告诉我接口返回的是二进制流,结果怎么都解析不出来,最后才不断测试,发现他返回给我的是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文件

上一篇:Python 的 RST 文件是什么


下一篇:解决mac下vscode等应用中vim光标无法快速移动