近期做开发，联调接口。接口返回的是一张图片，是对二进制图片处理并渲染，特此记录一下。
本文章是转载文章，原文章：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;
});
},
打印得到：
由此，图片可以正常显示文章来源：https://www.toymoban.com/news/detail-610116.html
文章来源地址https://www.toymoban.com/news/detail-610116.html
到了这里，关于Vue前端渲染blob二进制对象图片的方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
