Показать изображение Blob из базы данных MySQL, используя Angular 5

Question

У меня есть класс с полем Blob, называемым логотипом, когда я хочу отобразить это поле, я не уверен, как это сделать в Angular, и если Blob - лучший тип для хранения изображений, зная, что приложение является небольшим приложением с несколькими пользователями.

Company.java

@Entity
public class Company implements Serializable{
    @Id 
    @GeneratedValue(strategy=GenerationType.IDENTITY)   
    @Column(name = "id", updatable = false, nullable = false)
    private Long id;
    @Column(name = "name", unique = true, nullable = false)
    private String name;  
    @Column(name = "activity", nullable = false)
    private String activity;
    @Column(name = "address", nullable = false)
    private String address;
    @Column(name = "city", nullable = false)
    private String city;
    @Column(name = "logo", nullable = true)
    private Blob logo;
}

model.company.ts

export class Company{
  public id:any;
  public name:string;
  public activity:string;
  public address:string;
  public city:string;
  public logo:Blob;
}

когда я делаю это таким образом, он не показывает ничего, даже другие поля, которые являются строками.

<tr *ngFor="let c of pageCompanies?.content">
    <td class="py-1"><img src="{{c.logo}}" class="rounded-circle" width="45" height="45"></td>
</tr>

Answer 1

Вы сохранили свой логотип под base64 ??

Если нет, попробуйте следующее:

<tr *ngFor="let c of pageCompanies?.content">
   <td class="py-1"><img src="data:image/png;base64,{{c.logo}}" class="rounded-circle" width="45" height="45"></td>
</tr>