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

Question

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

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

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

Answer 1

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

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

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