如何修复 Angular 中的错误 "unsafe:data:image/png;base64, Qk1..."

Question

html代码：

<img [src] = "BmdFile_strbase64" class="bmd-img"/>

component.ts代码：

this.BmdFile_strbase64 = "data:image/png;base64, " + this.InfoItem["strBase64_Directory"];

我收到此错误：enter image description here（抱歉，因为我是 SO 的新手，所以无法上图）

unsafe:data:image/png;base64, Qk1KXQAAAAAAADoEAAAoAAAAmAAAAJYAAA...

我正在从文件扩展名 .BMD 解码。

我该如何解决这个问题？

Answer 1

我按照@Shashank Vivek 说的做了。 我在 Angular 中使用了消毒剂 html代码：

<img [src]="BmdFile_strbase64" class="bmd-img" />

component.ts代码：

BmdFile_strbase64 : SafeResourceUrl;
this.BmdFile_strbase64 = this.sanitizer.bypassSecurityTrustResourceUrl("data:image/bmd;base64, " + this.NcSheetInfoItem["strBase64_Directory"] );

BMD 文件显示正常。