我已经使用 HTML5 提供的 FILESYSTEM API 成功存储了数据。但我不知道在哪里可以识别本地存储库中的文件,以便我可以备份我存储的数据。我还检查了服务器(Tomcat 7.0)中应用程序的根目录,但找不到该文件。在使用chrome开发者工具时,我检查了数据是否存储成功。
代码如下:
window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
function onInitFs(fs)
{
fs.root.getFile('fpslog.txt', {create: false}, function(fileEntry) {
// Create a FileWriter object for our FileEntry (log.txt).
fileEntry.createWriter(function(fileWriter) {
fileWriter.seek(fileWriter.length); // Start write position at EOF.
fileWriter.onwriteend = function(e) {
console.log('Write completed.');
};
fileWriter.onerror = function(e) {
console.log('Write failed: ' + e.toString());
};
// Create a new Blob and write it to log.txt.
var blob = new Blob(['Hello World'], {type: 'text/plain'});
fileWriter.write(blob);
}, errorHandler);
}, errorHandler);
}
window.requestFileSystem(window.TEMPORARY, 5*1024*1024 /*5MB*/, onInitFs, errorHandler);
和 ERROR 函数:
function errorHandler(e) {
var msg = '';
switch (e.code) {
case FileError.QUOTA_EXCEEDED_ERR:
msg = 'QUOTA_EXCEEDED_ERR';
break;
case FileError.NOT_FOUND_ERR:
msg = 'NOT_FOUND_ERR';
break;
case FileError.SECURITY_ERR:
msg = 'SECURITY_ERR';
break;
case FileError.INVALID_MODIFICATION_ERR:
msg = 'INVALID_MODIFICATION_ERR';
break;
case FileError.INVALID_STATE_ERR:
msg = 'INVALID_STATE_ERR';
break;
default:
msg = 'Unknown Error';
break;
};
console.log('Error: ' + msg);
}
在开发人员工具中,我确实没有看到错误打印,而是显示“写入完成”,这意味着我可以在某处创建文件并存储数据。我想访问该数据以进行查看。正如教程中已经提到的,我没有看到根文件夹中创建的任何文件。请提供任何帮助。
最佳答案
您还可以使用根目录的 filesystem:
查看文件网址。打开
filesystem:<YOUR_ORIGIN>/temporary/
在地址栏中,替换为您的应用程序运行的来源(例如“http://stackoverflow.com”)。
您还可以在 DevTools 的实验下启用“文件系统检查”。这可能还需要您在 about:flags
中“启用实验性 DevTools 功能” .
关于html - 在哪里可以使用 FileSystem API 查看我存储的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13408398/