后端返回二进制字符串转为图片
后端返回数据
方法:
其实方法很简单,流程整理一下,就是window自带了一个转换的方法叫window.URL.createObjectURL()
,但是光用这个还不行,还要把你的请求加上responseType:"blob"这个是设置请求返回类型的
html
<img :src="avatar" alt="" style="width:30px;border-radius: 30px;">
data
avatar:null,
js
getTou({
'id': 1000000,
'filename': 'avatar.jpg',
}).then((res) => {
console.log(res)
let blob = new Blob([res.data],{type: 'image/jpeg'});
self.avatar = window.URL.createObjectURL(blob);
console.log(self.avatar,blob)
})
注意事项:
// 获取头像
export function getTou(data={}){
return service.request({
method: 'get',
url: `/getfile`,
responseType:"blob"//一定要加
})
}