Java 使用Angular 5显示MySQL数据库中的Blob图像
我有一个名为logo的Blob字段类,当我想显示这个字段时,我不知道如何在Angular中显示它,如果Blob是存储图像的最佳类型,我知道这个应用程序是一个用户很少的小应用程序 Company.javaJava 使用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
@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>
我建议您,将徽标字段更改为字符串,将文件上载到服务器,然后保存文件路径