PWA 应用程序 - 使用 Angular 6 将图像和视频存储在本地存储中

Question

我正在使用 Angular javascript 创建一个渐进式网络应用程序 (PWA)。我需要存储从服务器下载的图像和视频。

我探索过本地存储和IndexedDb，它们的存储大小都有限制。官方文档说，Safari 浏览器最多分配 50 MB，Chrome 手机分配 6% 的可用磁盘空间用于本地存储。

有没有办法将大尺寸的图片和视频存储在本地，设备离线时在 PWA 应用中显示？

Answer 1

您无法绕过浏览器设置的存储限制（正如您所观察到的，每个浏览器都不同）。大多数浏览器将允许您存储更多（在适用的情况下具有用户权限），但必须注意的是，这些数据也可以由浏览器删除，而您的应用程序无法控制它。

它是您的浏览器分配给您的应用程序的一个存储盒，它总是可以在不同的情况下收回......例如当磁盘空间不足时，用户清除缓存等，

只要在文件被清除时有备用方案，您就可以依赖它。如果您正在考虑存储 GB 的数据，则此选项不适合您。但是如果它达到几百 MB，您应该可以使用大多数浏览器，前提是用户接受分配空间。