使用FileSystem Api在Javascript中写入文件

时间:2014-07-24 09:47:59

标签: javascript html5 google-chrome google-chrome-extension

我正在尝试使用Chrome中的FileSystem API写入本地文件系统。执行

时出现以下错误
  

不推荐使用FileError。请使用DOMError的“name”或“message”属性,而不是“code”。

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

var fs = null;

function errorHandler(e) {
  alert("hi");
  var msg = '';
  switch (e.code) {    //Error is being reported here
    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;
  }
}

function onInitFs(fs) {
  alert("hi");

  fs.root.getFile('log.txt', {create: 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());
      };

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

      fileWriter.write(blob);
    }, errorHandler);
  }, errorHandler);
}

function initFS(){
  window.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHandler);
}

if (window.requestFileSystem) {
  initFS();
}

因为我知道执行转到errorHandler方法我假设我在调用requestFileSystem()方法时做错了。我真的很感激这里的帮助。提前致谢

进一步的研究表明它失败了,出现了安全性错误。我如何基本绕过那个

2 个答案:

答案 0 :(得分:1)

如果您在本地访问该脚本(通过file:///),则需要使用'--allow-file-access-from-files'标志启动Chrome,如下所示:

C:\Path\To\Chrome.exe --allow-file-access-from-files

sourcesource

如果您在Chrome应用中执行此操作,则需要向manifest.json添加fileSystem权限:

{
    "manifest_version": 2,
    "name": "...",
    "version": "...",  
    "minimum_chrome_version": "23",
    "permissions": [
        {
            "fileSystem": ["write"]
        }
    ]
}

source

要删除警告,您只需使用e.name和/或e.message代替e.code

function errorHandler(e) {
    alert(e.name + ": " + e.message);
}

答案 1 :(得分:1)

看起来像你的errorHandler无论如何都没有对msg做任何事情。试试这个:

function errorHandler(e) {  console.log("ERROR!: name: [" + e.name + "] message: [" + e.message + "]");  }