Angular2-将图像存储在浏览器缓存中，作为键值对形式

Question

我在Angular2工作。在我的应用中，我要加载过多的图像。但是，我想将这些图像放入浏览器缓存中，而是在键 - 值对 form form

我想要以下内容

<img src=getImageFromCache('image-key')/>

以及当API返回图像URL时，我想将该图像放在浏览器缓存中

addImageToBrowserCache('image-key', 'image-url')

有任何帮助吗？

问候

Answer 1

为此，您可以使用浏览器的本地存储。

as：

localStorage['img-key'] = 'img-url';

或

localStorage.setItem('img-key','img-url')

检索。

localStorage.getItem('img-key')