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

Question

我有一个PWA应用程序，用户必须在离线时拍摄几张照片。一旦用户再次在线，这些内容就会发送到服务器。

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

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

Answer 1

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

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

dom.indexedDB.warningQuota

对于 Chrome，您可以查看此链接

Answer 2

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

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