Angular2 - 顯示使用REST調用返回的圖像

Question

我想顯示用戶選擇的項目的圖像。當用戶點擊某個項目時，會進行一次休息呼叫並檢索一個圖像，但我無法顯示它。

我試過了從here和here的想法，但似乎無法讓他們工作。

的基本原理（我的理解）是，當與其他呼叫響應（什麼是應該是）圖像/ PNG類型我可以格式化我的圖像源在我的TS是這樣的：

import {DomSanitizer} from '@angular/platform-browser'; 
constructor(private _DomSanitizationService: DomSanitizer){} 

...

this.showPage = "data:image/png;base64," + rest_response; 

然後用 「DomSanitizer」，使這個在HTML中使用這樣的：

<img [src]="_DomSanitizationService.bypassSecurityTrustUrl(showPage)"> 

但是當我嘗試使用它的形象被打破，當我檢查它，我看到：

src="data:image/png;base64,�PNG...,㘑��" etc... 

任何和所有幫助或解釋爲什麼這將不勝感激。

Answer 1

試試這個：

this.showPage = "data:image/png;base64," + rest_response; 

，然後簡單地說，

<img [src]="showPage" /> 

在本SO question回答。