如何使用src中的类型连接base64

Question

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

Api退回 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}}>