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

Question

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

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