如何克服浏览器存储限制并能够存储超过 500 Mb 的文件？答案

【问题标题】：How can I overcome the browser storage limitations and being able to store more than 500 Mb of files?如何克服浏览器存储限制并能够存储超过 500 Mb 的文件？
【发布时间】：2019-12-26 18:05:06
【问题描述】：

我有一个 PWA 应用程序，用户必须在离线时拍摄多张照片。一旦用户再次在线，它们就会被发送到服务器。

如何克服浏览器存储限制，将拍摄的所有照片存储在本地？

我目前正在使用索引数据库来存储文件。用户将拍摄至少 500 Mb 的照片。

【问题讨论】：

试试这个w3.org/TR/quota-api

标签： javascript ecmascript-6 progressive-web-apps offline offline-caching

【解决方案1】：

根据浏览器的不同，存储限制（配额）可能会有所不同。

单个数据库项的大小没有任何限制。例如，在 Firefox 浏览器中没有限制，但有一个内置的 UI 消息询问是否允许存储大于 50.0MB 的单个数据。例如在 Firefox 中，您可以更改配额：

dom.indexedDB.warningQuota

对于 Chrome，您可以查看this link

【讨论】：

【解决方案2】：

除了按照此处其他答案的建议更改用户必须与之交互的配额消息之外，您还可以考虑通过将应用程序移至 node.js 并使用电子 (https://electronjs.org/) 为您的应用程序提供服务的替代方法。

然后您可以使用节点库在浏览器之外管理您的存储，例如我们使用直接文件存储，然后您可以在连接时上传。

【讨论】：

考虑到任务（拍摄和上传照片），如果 OP 仅针对桌面用户，我会感到惊讶。
谢谢你的回答，塔里克。不幸的是，我的目标是移动用户。