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

Question

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

我已经研究了本地存储和IndexedDb，两者在存储大小上都有局限性。官方文件说，Safari浏览器最多分配 50 MB ，而Chrome移动版分配 6％的可用磁盘空间用于本地存储。

是否可以选择在本地存储较大尺寸的图像和视频，并在设备离线时在PWA应用程序中显示这些图像和视频？

Answer 1

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

它是您的浏览器分配给应用程序的固定存储，它始终可以在不同情况下恢复使用。例如，当磁盘空间不足，用户清除缓存等时，

只要清除文件后退后，您就可以依靠它。如果您想存储GB的数据，则此选项不适合您。但是，如果传到数百MB，只要用户接受分配空间，大多数浏览器都应该可以。