同城网站建设,奥派网站建设,seo 网站结构,广州市海珠区建设局网站近期做开发#xff0c;联调接口。接口返回的是一张图片#xff0c;是对二进制图片处理并渲染#xff0c;特此记录一下。
本文章是转载文章#xff0c;原文章#xff1a;Vue前端处理blob二进制对象图片的方法
接口response是下图 显然#xff0c;获取到的是一堆乱码联调接口。接口返回的是一张图片是对二进制图片处理并渲染特此记录一下。
本文章是转载文章原文章Vue前端处理blob二进制对象图片的方法
接口response是下图 显然获取到的是一堆乱码前端需要将其解析出来百度之后发现解析二进制文档流的写法如下 1.定义接口的时候加上responseType
export function ImgTest() {return request1({url: /test,method: get,responseType: blob,});
}methods中imgUrl是接收的模型 ImgTest() {ImgTest().then((res) {const url window.URL.createObjectURL(new Blob([res]));console.log(url, 工作流图片);this.imgUrl url;});},打印得到 由此图片可以正常显示
