Google Chrome 扩展 - 如何访问和存储本地文件以供以后使用

Question

我目前正在编写我的第一个 google chrome 扩展。简单地说，我想在扩展弹出窗口中添加一个文件浏览器，浏览图像并将该图像插入当前打开的选项卡中。

此外，我想将选定的文件存储在扩展中以供以后重用。

第一种方法是使用 FileAPI 加载文件内容并将以 base64 编码的文件内容存储在 localStorage 中。不幸的是，由于本地存储的空间限制，在一些图像之后就停止工作了。

更好的方法是获取所选文件的绝对文件名，并在每次需要时重新读取该文件 - 不幸的是，我无法获取包括路径的完整文件，只是获取了不带路径的文件名。

另一种方法可能是 WebSQL，但这似乎很复杂 - 有人可以确认我们是否也有配额吗？

有人事先做过类似的事情吗？我很高兴得到任何帮助。

Answer 1

根据您需要对缓存文件执行的操作，您可以简单地使用 FileIO API 将二进制文件保存到扩展的沙箱环境中。仅将文件路径存储到原始文件可能行不通，因为 API 只能在其沙箱中读取 [除非您自己通过输入选择文件]。

如有必要，您可以添加“unlimitedStorage”权限（更多信息请参见开发者文档 ）到您的 ma​​nifest.json 以覆盖存储限制。

"permissions": [
  "unlimitedStorage"
],

这仅适用于文件 I/O（临时/持久）和 Web SQL（仅临时）。由于它是同步实现的，localStorage 的最大长度约为 2700000 个字符（因为它存储为 UTF-16），设置此权限不会增加该字符数。

使用 File API 和 Chrome 13+，您可以请求一定数量的配额（请参阅 这里和此处查看完整示例）。此功能已被引入以适用于 Web 应用程序，并且无需设置 unlimitedStorage 权限即可使用。 （但是，如果设置了权限，则当前不会要求用户允许存储请求）

webkitStorageInfo.requestQuota( 
    webkitStorageInfo.PERSISTENT
    newQuotaInBytes,
    quotaCallback,
    errorCallback);

在我的实验中，这似乎是持久存储大量数据的唯一方法。