我正在尝试使用Angular 2显示从远程服务器获取的图像。
在我的组件中,我有一个对象,它是一个“university_info”对象,它是我的模型。
export class myClass
{
university_info : university_info;
}
myFunction()
{
this.university_info = new university_info(responseFromServer[image])
}
export class university_info
{
imageBase64 : string
constructor(image : string)
{
this.imageBase64 = image
}
}
一切都很好。我得到了base64的图片,但是当我尝试以这种方式在HTML中展示它时:
<img [src]="'data:image/jpg;base64,'+university_info.imageBase64" />
这是我得到的内容:
这是我得到的:
data:image/jpg;base64
,对所有这些类型都适用吗? - M Nouman