Angular2 - 将图像存储在浏览器缓存中作为键值对表单

Question

我在Angular2工作。在我的应用程序中，我要加载过多的图像。但是，不是为每次重新加载加载这些图像，我想将这些图像放入浏览器缓存中，但是以键值对形式。

我想要跟随

之类的东西

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

当API返回图片网址时，我想将该图片放入浏览器缓存中，如下所示

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

请帮忙吗？

此致

Answer 1

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

如：

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

或

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

检索相同。

localStorage.getItem('img-key')