从api身份验证后下载图像,并使用浏览器缓存在angular 5中缓存该图像

时间:2018-06-26 17:03:05

标签: javascript html angular image asp.net-web-api2

我正在尝试在我的角度应用程序中下载并显示图像。

<img [src]="https://localhost:4100/attachment/123.jpg" />

我面临的第一个问题是我无法在图像源中传递身份验证标头。我在这里阅读了有关此内容的答案,因为我们无法在html中设置/发送标头,因为我必须从api下载blob,并将src属性设置为blob url,效果很好。

但是,在执行此更改之后,我面临的第二个问题是浏览器缓存不起作用,因为我必须一次又一次地在页面刷新或路由上下载相同的资源,并且每次都使用不同的Blob网址设置src。我不想在本地存储中缓存资源,因为它的大小超出限制,并在url中发送身份验证令牌。

0 个答案:

没有答案