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

Question

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

我已经研究过本地存储和 IndexedDb，两者都有存储大小的限制。官方文档说，Safari 浏览器最多分配 50 MB 并且 Chrome 移动设备分配 6% 的可用磁盘 space用于本地存储。

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

Answer 1

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

它是您的浏览器分配给您的应用程序的 snadboxed 存储，它总是可以在不同的情况下取回。例如当磁盘 space 变低时，用户清除缓存等，

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