window.requestFileSystem（）函数的简单示例

Question

我有下一个问题：我尝试在Chrome中使用window.requestFileSystem()功能，但失败了。寻找我的步骤：

1）我在Chrome中添加了“允许从文件访问文件”标记（请参阅img bellow）：

2）我重新启动了系统。

3）然后我使用“允许文件访问文件”标记运行Chrome。

4）毕竟我尝试启动此示例代码：

function onInitFs(fs) {
  console.log('Opened file system: ' + fs.name);
}

    function errorHandler(e)
{
    console.log("Error");
}    
    window.requestFileSystem(window.TEMPORARY, 5*1024*1024 /*5MB*/, onInitFs, errorHandler);

但失败了：

我的行为出了什么问题？

Answer 1

这是因为此功能目前仅以前缀为准，即window.webkitRequestFileSystem

您可能会发现本教程很有趣：http://www.html5rocks.com/en/tutorials/file/filesystem/

Answer 2

此代码适用于chrome。我实际上将它用于手机屏幕，但我先在笔记本上用chrome测试了它，并在浏览器顶部出现了一个黄色条，要求我允许网络应用程序永久存储在我的本地驱动器上。

    navigator.webkitPersistentStorage.requestQuota(1024*1024, 
        function(grantedBytes) {
            window.requestFileSystem(window.PERSISTENT, grantedBytes, onInitFs, errorHandler);
        }, 
        function(errorCode) {
            alert("Storage not granted.");
        }
    );

Answer 3

使用以下命令从命令行打开chrome

chrome --allow-file-access-from-files

Answer 4

你应该改变

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

到

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

（R应该已经大写了。）