Angular 2 ERROR与显示图像

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

中使用它