ionic 3和Angular 4中的安全镜像src

Question

我在ionic框架中创建了一个列表视图。此列表包含图像字段和网址来自网络服务，但我需要下载一些授权的图像。在Ionic中，我正在使用

<img [src]="imgurl">

但由于缺少授权，此图像无法显示。如何做到这一点？

Answer 1

试试rxjs map，像这样

return this.http.get(path, config).map(res => {
//authorization logic here
//return  res after passing through authorization
})

Answer 2

您必须通过添加所需身份验证头的您自己的服务下载镜像。收到图像后，将其base64编码存储到一个变量中，并将一个内联url放入文档中，如下所示：

<div *ngIf="!!user.picture" class="user-picture" [ngStyle]="{'background-image': 'url(data:image/jpeg;base64,' + user.picture + ')'}"></div>