我想在web浏览器上显示图像,图像文件从api响应返回。如果我们想要在设备中显示图像,那么我们可以下载它,将它存储在设备内存中,然后我们就可以显示它。但是我们如何在web浏览器中显示图像呢?有没有办法在浏览器中下载和存储图片?
下面是我尝试过的内容。
this.sProvider.getLogo(this.logoHeaders)
.then(result => {
console.log("getLogo " + JSON.stringify(result));
this.img = result._body;
});
html
<div>
<img src="{{img}}" >
</div>
发布于 2018-08-21 17:30:47
您需要使用[]
为<img>
标签绑定src
:
<img [src]="img" />
发布于 2018-08-21 17:35:09
试试看。
<img [src]="img" >
如果它不工作,请发送您在这里得到了什么结果?
this.img = result._body;
https://stackoverflow.com/questions/51945539
复制相似问题