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

Question

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

标签： angular

Answer 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"/>