Cordova 文件插件不适用于浏览器平台答案

【问题标题】：Cordove File Plugin not working with Browser PlatformCordova 文件插件不适用于浏览器平台
【发布时间】：2015-01-08 10:58:12
【问题描述】：

我正在尝试使用

org.apache.cordova.file 1.3.2 "File"

org.apache.cordova.file-transfer 0.4.8 "File Transfer"

在浏览器平台上（我在fedora下使用chrome，带有选项--allow-file-access-from-files --allow-file-access）

但似乎根本不起作用

没有 cordova.file 变量
我试图调试（使用 chrome 调试器）插件（函数 resolveLocalFileSystemURI）。
exec(success, fail, "File", "resolveLocalFileSystemURI", [uri]); 被调用，但 CommandProxyMap 为空所以什么也没有发生

如果有人有一个正在运行的示例或说明如何使其工作的教程。

【问题讨论】：

标签： cordova fileapi

【解决方案1】：

我知道这个帖子现在有点老了，但我想在这里更新一下，以防有人像我一样遇到它......

虽然我无法具体说明何时更正/添加了此问题，但如果您使用最新的文件和文件传输插件以及“浏览器平台。

要解决cordova.file 是以前版本的文件中存在的未定义问题，这是我个人所做的（我使用的是Ionic，所以根据需要子'cordova'）：

> ionic plugin remove org.apache.cordova.file-transfer
> ionic plugin remove org.apache.cordova.file
> ionic platform add browser
> ionic plugin add https://github.com/apache/cordova-plugin-file.git
> ionic plugin add https://github.com/apache/cordova-plugin-file-transfer.git
> ionic run browser

【讨论】：

【解决方案2】：

不，没有 cordova.file。它是特定于平台的对象，包含到某些位置的路径。在浏览器上你可以直接使用根目录。
您需要先为浏览器申请配额。下面是直接来自我的应用程序的示例。

例子：

window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;

if (isPhoneGapApp)
{
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess.bind(this), this.errorHandler);
}
else
{
    navigator.webkitPersistentStorage.requestQuota(1024*1024*1024, function(grantedBytes) {
        window.webkitRequestFileSystem(LocalFileSystem.PERSISTENT, grantedBytes, onFileSystemSuccess.bind(this), this.errorHandler);
    }, function(e) {
        console.log('Error', e);
    });
}

如果 LocalFileSystem.PERSISTENT 未定义，请将其替换为 1。

【讨论】：