javascript - 如何将base64与src中的类型连接

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">

但我认为这只是一个错误。不过，我建议您在 Controller 中而不是在 View 中进行这样的串联(作为良好编码实践的一部分)。你可以例如。创建一个在 Controller 中返回连接字符串的函数:

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

然后在 View 中使用这个函数:

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