ionic-framework - 如何在 ionic 2 中从 api 响应返回的网络浏览器上显示图像

Question

我想在网络浏览器上显示图像，图像文件从 api 响应返回。如果我们想在设备中显示图像，那么我们可以下载它，将它存储在设备内存中，然后我们就可以显示它。但是我们如何在网络浏览器中显示图像呢？有没有办法在浏览器中下载和存储图像？

下面是我尝试过的...

this.sProvider.getLogo(this.logoHeaders)
    .then(result => {
        console.log("getLogo " + JSON.stringify(result));

        this.img = result._body;
});

html

<div>
     <img src="{{img}}" >
</div>

Answer 1

您需要使用 []绑定(bind) src对于 <img>标签:

<img [src]="img" />