角2 ERROR with show image

Question

私のコードに画像を表示したい。イメージはデータベースにテキスト形式で保存されています。私は、次の行のコードを持つ画像における画像の文字列を変換：

<img [src]="'data:image/png;base64,'+zona?.fotografia"> 

私はページ内の画像を表示するには成功しますが、コンソールに次のエラーがあります

WARNING: sanitizing unsafe URL value data:image/png;base64 
GET unsafe:data:image/png;base64, net::ERR_UNKNOWN_URL_SCHEME 

場合、私は、警告の可能な解決策を見て、私は他のエラーを理解していませんでした..

Answer 1

これは安全なURLであることをアプリケーションに保証する必要があります。だから DomSanitizerサービスを介して行うことができます。あなたのコンポーネントにそれを注入し、bypassSecurityTrustUrlメソッドを使用してください。

this.fotografia= this.sanitizer.bypassSecurityTrustUrl(`data:image/png;base64,${this.zona?.fotografia}`) 

と私はあなたの提案に従っているとエラーがないですが、新しいエラーがある<img [src]="fotografia">