Java 使用Angular 5显示MySQL数据库中的Blob图像

Java 使用Angular 5显示MySQL数据库中的Blob图像,java,typescript,angular5,Java,Typescript,Angular5,我有一个名为logo的Blob字段类,当我想显示这个字段时,我不知道如何在Angular中显示它,如果Blob是存储图像的最佳类型,我知道这个应用程序是一个用户很少的小应用程序 Company.java @Entity public class Company implements Serializable{ @Id @GeneratedValue(strategy=GenerationType.IDENTITY) @Column(name = "id", upd

我有一个名为logo的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>

您是否已将徽标保存为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>

我建议您,将徽标字段更改为字符串,将文件上载到服务器,然后保存文件路径