Angular 8/9 - 将下载的图像存储在数组中以供缓存

Angular 8/9 - Storing downloaded images in array for cache

我有一个用户下载图像的应用程序。 我想要它,这样用户就可以滚动浏览他们下载的图像,而不必再次调用 api。

当用户关闭网页时,我希望清除所有这些,因此不需要持久存储。

图片大小约为 1mb,所以我想知道我是否应该将它们存储在组件页面上的数组中并设置大小限制,以便浏览器在太大时不会崩溃?

对于大多数浏览器来说,文件大小多大才算太大?

您永远不知道您的客户有多少可用内存,因此尝试猜测您可以在内存中保留多少大图像有点像玩一把装满子弹的枪。

如果您可以将其限制为少量图像,那么您可能没问题, 但如果要存储的图像数量很大,或者仅受用户操作限制,我会将它们存储在 localStorage 中。您可以在卸载应用程序时清除 localStorage。

有关在本地存储中存储图像的一种方法,请查看 this SO answer