概述
-
问题描述：请求后端接口后返回了一张图片，没法直接展示在页面，需要先转化为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上显示后端接口返回的图片所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复