vue获取后台的文件流并且转换成图片

vue获取后台的文件流并且转换成图片

1.添加request的responseType

export function addCode(Equip,data) {
return request({
method: “post”,
url: ‘/upload/create/’+Equip.width+’/’+Equip.height,
data: Equip.data,
responseType:‘blob’,
})
}

2.进行图片流处理

let blob = new Blob([res]); // 返回的文件流数据
let url = window.URL.createObjectURL(blob); // 将他转化为路径
this.codeImg = url;

3.赋值给img标签

<img :src="codeImg"/>