后端返回的图片不是url,而是显示的图片(blob数据),前端如何在img里面展示出来。
如图所示为后端返回的图片。
以axios为例,我们 传递的 responseType要是blob类型responseType: 'blob',
然后走window.URL.createObjectURL将其返回的数据处理一下window.URL.createObjectURL(res)
,
将处理好的数据放在img便签里面就成功了。
上个完整的代码,(axios封装的)
this.$http({
url:'/macManage/showQRCode',
responseType: 'blob',
data:{
macId:this.macid
}
}).then((res)=>{
this.blowimg = window.URL.createObjectURL(res)
this.blowuppop = true;
})