Как объединить base64 с типом в src

Question

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

возврат API el.photo = '/9j/2wBDAAMCAgMCAgMDAw......'

и я хочу concatante с

data:image/jpeg;base64,

что-то в этом роде

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

Answer 1

Вы можете использовать

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

Answer 2

Firstable это будет

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

Но я полагаю, это была только ошибка.Однако я бы посоветовал вам сделать такие конкатенации в контроллере, а не в поле зрения (как часть хорошей практики кодирования).Вы можете, например,создайте функцию, которая будет возвращать объединенную строку в контроллере:

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

и затем использовать эту функцию в представлении:

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