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

【问题标题】：How to fix the error "unsafe:data:image/png;base64, Qk1..." in Angular如何修复 Angular 中的错误“unsafe:data:image/png;base64, Qk1 ...”
【发布时间】：2021-11-11 07:14:13
【问题描述】：

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 解码。

我该如何解决这个问题？

【问题讨论】：

我在 .bmd 上搜索了 bmd 3D 模型（纹理 + 骨架）是 Nintendo 的一种特殊文件格式 - 这是你得到的吗？如果是这样，为什么将其视为png图像并要显示它？不管它是什么，它肯定不是 png 图像。
也检查code-sample.com/2017/11/sanitize-value-manually-in-angular.html

标签： angular base64 tobase64string

【解决方案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 文件显示正常。

【讨论】：