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

Question

我有一个用户下载图像的应用程序。我想要它让用户滚动浏览他们下载的图像，而不必再次调用 api。

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

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

对于大多数浏览器来说，文件大小太大了？

标签： angularangular8angular9

Answer 1

你永远不知道你的客户有多少内存可用，所以试图猜测你可以在内存中保留多少大图像有点像玩一把上膛的枪。

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

对于将图像存储在本地存储中的一种方法，请查看此 SO answer。