首页 > 解决方案 > 来自远程 URL 的图像 base64 未加载

问题描述

我有一个 *ngFor 循环显示数据,其中一个字段是远程托管 URL 的路径。数据为字符串,格式为“data:image/jpeg;base64,/9j/4AAQSk......”

我努力了

<div *ngFor="let list of lists">
   <div>
     <p>{{list.name}}</p>
     <img [src]="list.imagepath"> 
   </div>
</div>

浏览器调试窗口中没有错误,只是未显示 base64 图像。远程 URL 毫无问题地返回 base64 字符串并将字符串直接粘贴到<img src="data:image/jpeg;base64,/9j/4AAQS...">作品中。

标签: angular7

解决方案


推荐阅读