Vue处理后端返回的二维码图片数据流
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文章介绍如何使用Vue框架高效地处理后端返回的二维码图片数据流，并将其正确渲染展示。适合前端开发者参考学习。
问题场景：后端返回图片数据流，在打印结果时显示为乱码。
解析思路：尝试用二进制大对象Blob来解析，并生成图片的URL。代码如下：
```javascript
// QRCode 为后端接口返回的图片数据流
const blob = new Blob([QRCode]);
const url = window.URL.createObjectURL(blob);
```
但是，将生成的URL链接到img标签中的src属性时仍然无法显示。查阅资料得知需要设置responseType为blob。
修改后的代码如下：
```javascript
const QRCode = await this.$swagger; // 假设这是从后端获取图片数据流的方式，并且需要将其 responseType 设置为 blob。
```
注意，上述示例中使用了`this.$swagger`来表示与后端交互以获取二进制对象的某个方法或库。在实际应用中，请根据具体的框架和环境设置responseType属性值。
全部评论 (0)
还没有任何评论哟~
