使用HTML5文件系统功能时,文件保存在哪里?

时间:2014-04-28 15:31:25

标签: html5 nginx html5-filesystem

我只是在试用文件系统API。 如http://www.html5rocks.com/en/tutorials/file/filesystem

中所述

代码:

window.webkitStorageInfo.requestQuota(PERSISTENT, 1024 * 1024, function (grantedBytes) {
   window.requestFileSystem(PERSISTENT, grantedBytes, successCallback, errorHandler);
}, function (e) {
   console.log('Error', e);
});    


function successCallback(fs) {
window.fileSystem = fs;
fs.root.getFile('kiki.txt', {
        create: false,
        exclusive: true
    },
    function (fileEntry) {
        // Create a FileWriter object for our FileEntry (log.txt).
        fileEntry.createWriter(function (fileWriter) {

            fileWriter.onwriteend = function (e) {
                console.log('Write completed.');
            };

            fileWriter.onerror = function (e) {
                console.log('Write failed: ' + e.toString());
            };

            fileWriter.seek(fileWriter.length); 
            // Create a new Blob and write it to log.txt.
            var blob = new Blob(['Lorem Ipsum'], {
                type: 'text/plain'
            });

            fileWriter.write(blob);

        }, errorHandler);
    }, errorHandler);

}

create: false是因为我之前已经创建了该文件。)

Chrome要求使用该文件系统的权限,我授予它。 当我尝试阅读它时,我可以,它是持久的。但它在哪里得救了?

根据文档,它保存在根文件夹(“/”)中,但它不存在(我使用的是nginx)。我在整个高清搜索这个文件(“kiki.txt”)并找不到它。

那么它保存在哪里?

2 个答案:

答案 0 :(得分:2)

您正在使用HTML5文件系统API,但尝试在服务器上查找数据文件。 客户端浏览器最有可能将数据保存在客户端的文件系统中。从您提供的链接中引用:http://www.html5rocks.com/en/tutorials/file/filesystem/

  

使用FileSystem API,Web应用程序可以创建,读取,导航和写入用户本地文件系统的沙盒部分。

至于你的问题 - 每个浏览器都有自己的HTML5文件系统API实现,数据可以使用自定义格式保存在任何地方。

答案 1 :(得分:0)

作为存储在用户配置文件中的数据库中的键值对,根据操作系统,浏览器和配置,每个人可能会有所不同。

但这是一个例子,复制自:Where is the html5 local database located on a client machine?

C:\Users\<user>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile-name>\webappsstore.sqlite