如何在 src 中将 base64 与类型连接起来

Question

<div *ngFor="let el of list">
<img [src]='el.photo'
</div>

Api return el.photo = '/9j/2wBDAAMCAgMCAgMDAw......'

我想要连接

data:image/jpeg;base64,

类似的东西

<img [src]='data:image/jpeg;base64, + 'el.photo''>

Answer 1

首先是

<img [src]="'data:image/jpeg;base64,' + el.photo">

但我想这只是一个错误。但是，我建议您在控制器中而不是视图中进行这样的串联(作为良好编码实践的一部分(。你可以例如。创建一个函数，该函数将在控制器中返回串联字符串：

function getBase64ImageSrc(photo) {
return 'data:image/jpeg;base64,' + photo;
}

然后在视图中使用此函数：

<img [src]="getBase64ImageSrc(el.photo)">

Answer 2

您可以使用

<img src={{'data:image/jpeg;base64, + el.photo}}>