如何用JS存储文件？

Question

我想用JS存储图像和声音。是否有任何API，如localstorage？不幸的是，在本地存储中我只能保存文本。

Answer 1

虽然您可以手动存储文件（使用Google Chrome的File API），但预期的方法是缓存。缓存是一种直接存储媒体的简单方法，似乎自动。

这只是写清单的问题：

CACHE MANIFEST
blast.ogg
styles.css
images/gun.png

首次加载这些文件后，您只需像往常一样重新加载它们，但它们来自磁盘而不是服务器。它也适用于浏览器脱机的情况。

它也会很好地降级：不受支持的浏览器只会在看到脚时管理缓存。

以下是谷歌在HTML5Rocks上的a tutorial。

Answer 2

您无法通过浏览器中的JavaScript访问本地文件系统。这是由沙盒引起的，是浏览器内安全模型的主要特征。

关于localStorage，您可以只存储文字，但在JSON.stringify()和JSON.parse()的帮助下，您几乎可以存储您在JavaScript中遇到的任何对象或数据。

Answer 3

也可以base64对文件进行编码，然后将它们保存到localStorage。您可以找到有关编码和保存图像的更多信息here。