我是靠谱客的博主 干净雪碧,这篇文章主要介绍后端直接返回一张图片前端如何显示,现在分享给大家,希望可以做个参考。

接口api

复制代码
1
2
3
4
5
6
7
8
9
10
11
export const getItemImage = data => {   return request({     url: '/exercise/getItemImage', //接口     method: 'get',     headers: {       'Content-Type': 'application/json'     },     params: data,     responseType: 'blob' //这个最重要,一定不要忘记   }) }

返回res

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
data(){ return{ img:' ' } } getItemImage() {      getItemImage(this.imgList).then(res => {          console.log(res);          this.img = window.URL.createObjectURL(res)      })   }

渲染

复制代码
1
<img :src="img" alt="" />

最后

以上就是干净雪碧最近收集整理的关于后端直接返回一张图片前端如何显示的全部内容,更多相关后端直接返回一张图片前端如何显示内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(80)

评论列表共有 0 条评论

立即
投稿
返回
顶部