前端处理后端图片流乱码问题并解决axios返回值问题
目录
前端处理后端图片流乱码问题并解决axios返回值问题
前端处理后端图片流乱码问题并解决axios返回值问题
this.dealImg(url).then((data)=>{
// data就是dealImg的返回结果,也就是.then里面取得的data,拿到值后就可以在这里处理了
console.log(data);
})
dealImg(url) {
// 处理后端传过来的图片流乱码问题
if (url) {
return new Promise((resolve,reject)=>{
this.$axios
.get("url", {
params: {
pic_path: url
},
responseType: "arraybuffer"
})
.then(res => {
return ("data:image/jpeg;base64," +btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), "")));
})
.then(data => {
resolve(data)
})
.catch(err => {
});
})
}
},