离子3和角度4中的安全图像src

Question

我在离子框架中创建了一个列表视图。此列表包含图像字段，URL来自Web服务，但我需要通过一些授权下载图像。在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编码存储到变量中，并将内联网址放入文档中，如下所示：

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