后端直接返回一张图片前端如何显示

接口api

export const getItemImage = data => {
  return request({
    url: '/exercise/getItemImage', //接口
    method: 'get',
    headers: {
      'Content-Type': 'application/json'
    },
    params: data,
    responseType: 'blob' //这个最重要,一定不要忘记
  })
}

返回res

data(){
  return{ 
    img:' ' 
  }
}    

getItemImage() {
     getItemImage(this.imgList).then(res => {
         console.log(res);
         this.img = window.URL.createObjectURL(res)
     })
  }

渲染

<img :src="img" alt="" />

猜你喜欢

转载自blog.csdn.net/ZM_1103/article/details/126300404
今日推荐