小编Mar*_*ano的帖子

BASE64成像角2

我正试图从角度为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
    }
}
Run Code Online (Sandbox Code Playgroud)

一切都很好.我得到base64图像,但当我尝试以这种方式在HTML中显示它时:

  <img [src]="'data:image/jpg;base64,'+university_info.imageBase64" />
Run Code Online (Sandbox Code Playgroud)

这就是我得到的:

在此输入图像描述

在此输入图像描述

在此输入图像描述

base64 image angular

18
推荐指数
5
解决办法
7万
查看次数

标签 统计

angular ×1

base64 ×1

image ×1