vue前端请求图片流文件乱码处理
作者:
众生皆似尘埃啊 | 来源:发表于
2019-07-26 20:17 被阅读0次1.请求接口显示乱码
乱码信息.png
2.处理方法
new_posters() {
axios
.get("接口地址", { responseType: "arraybuffer" }) //设置请求头
.then(data => {
console.log(data);
//自定义名字 imgUrl 将请求回来的图片信息放到里面
this.imgUrl =
"data:image/png;base64," +
btoa(
new Uint8Array(data.data).reduce(
(data, byte) => data + String.fromCharCode(byte),
""
)
);
})
.catch(err => {});
}
3.显示图片
<img alt="图片加载失败..." :src="imgUrl" />
本文标题：vue前端请求图片流文件乱码处理
本文链接：https://www.haomeiwen.com/subject/keqjrctx.html
网友评论