后端返回二进制字符串转为图片

后端返回数据

 方法：

其实方法很简单，流程整理一下，就是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"//一定要加

    })    

}