如何将大文件存储到 Web 本地存储？

Posted 2023-03-05

技术标签:

【中文标题】如何将大文件存储到 Web 本地存储？【英文标题】：How to store large files to web local storage? 【发布时间】：2017-10-21 00:39:54 【问题描述】：

我正在开发从在线服务器下载文件的 ionic 2 应用程序，我想将这些文件存储到本地存储（或我不知道的缓存）。

我知道我可以使用以下方式将数据存储到本地存储：

localStorage.setItem('key','value');

但是如果是文件，特别是大文件，如何存储在本地存储中呢？

注意：我使用的是 TypeScript。

【问题讨论】：

【参考方案1】：

对于存储相对较大的数据，我建议使用IndexedDB。

相对于本地存储的优势：

更大的尺寸限制支持字符串以外的其他数据类型（原生类型数组！）异步

【讨论】：

【参考方案2】：

浏览器有limitation 可以在本地存储中存储多少数据。它因浏览器而异。

如果您的文件大小低于限制，您可以将文件内容复制为字符串并将其保存为“文件名”：“文件内容”的键值对

【讨论】：

以上是关于如何将大文件存储到 Web 本地存储？的主要内容，如果未能解决你的问题，请参考以下文章