vue接收图片数据流,显示在页面
1、先通过ref获取到img元素。<img v-if="ls" ref="test" src="" alt="" />2、请求接口,获取到数据图片流,赋值到img的src中,注意,需要拼接“data:image/png;base64,”,逗号必须加axios.post(this.$api+"地址", JSON.stringify(data), {}).then(res => {c
·
1、先通过ref获取到img元素。
<img v-if="ls" ref="test" src="" alt="" />
2、请求接口,获取到数据图片流,赋值到img的src中,注意,需要拼接“data:image/png;base64,”,逗号必须加
axios.post(this.$api+"地址", JSON.stringify(data), {
}).then(res => {
console.log(res, 11111)
this.$refs.test.src = 'data:image/png;base64,' + res.data
});
更多推荐
已为社区贡献1条内容
所有评论(0)