angularjs – 在angular2中显示嵌入图像

发布时间：2020-12-17 09:16:53 所属栏目：安全来源：网络整理

导读：我正在处理一个在angle2中的项目,它涉及从数据库直接加载图像(base64编码).在角度1中,可以简单地加载它,如下所示： img data-ng-src="data:image/jpg;base64,{{entry.img}}" / 其中entry.img是原始图像数据.但是,我不知道如何在角度2这样做.我试过了 img [sr

我正在处理一个在angle2中的项目,它涉及从数据库直接加载图像(base64编码).在角度1中,可以简单地加载它,如下所示：

<img data-ng-src="data:image/jpg;base64,{{entry.img}}" />

其中entry.img是原始图像数据.但是,我不知道如何在角度2这样做.我试过了

<img [src]="data:image/jpg;base64,{{entry.img}}" />

但是这不行,因为角度仍然尝试从URL加载图像.

也许你可以试试这个：

<img [src]="'data:image/jpg;base64,'+entry.img" />

假设条目是组件的属性,并且包含一个img属性.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!