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

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

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

是否有任何选项可以将大尺寸的图像和视频存储在本地并在设备离线时在 PWA 应用程序中显示？

标签： iosangularangular6progressive-web-appspwa

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

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

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