我们如何提取 BLOB 数据（存储为 blob 的图像）并将其显示在 Angular 2 中？

【问题标题】：How can we Extract a BLOB data(image stored as blob) and display it in Angular 2?我们如何提取 BLOB 数据（存储为 blob 的图像）并将其显示在 Angular 2 中？
【发布时间】：2018-12-18 12:43:35
【问题描述】：

我在服务中获取数据，其中我获取的 BLOB 数据由图像数据组成，我如何提取它并在我的 UI 中显示它

【问题讨论】：

标签： angular

【解决方案1】：

您需要从 blob 转换为 base64 并使用 . 显示。

 let me = this;
 var reader = new FileReader();
 reader.readAsDataURL(blob); 
 reader.onloadend = function() {
     me.base64data = 'data:image/png;base64,'+reader.result;                
     console.log(base64data);
 }

模板

<img [src]="base64data" width="100" height="50"/>

【讨论】：

感谢您的回答