-
问题描述：请求后端接口后返回了一张图片，没法直接展示在页面，需要先转化为blob再通过图片src显示
-
HTML部分
<el-form-item >
<img :src="labelImg" alt="" width="100px" >
</el-form-item>
- js部分
export default {
data(){
return {
labelImg: ''
}
},
method:{
getSlice() {
this.$http.get(`/api/`, { responseType: 'blob' })
.then((res) => {
//blob文档流转为url
this.labelImg = URL.createObjectURL(res.data)
console.log(this.labelImg)
})
},
}
}
最后
以上就是彪壮毛衣最近收集整理的关于【vue】在HTML上显示后端接口返回的图片的全部内容，更多相关【vue】在HTML上显示后端接口返回内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复