JavaScript/Ajax 写入文件

Question

我知道这个问题被问了很多，但这里的区别是我已禁用网络安全。 我正在创建一个永远不会在任何地方托管的 web 应用程序，以访问用户运行 chrome --disable-web-security --user-data-dir [webappdirectoryhere] 我知道这是多么不正统，但这只是一个小项目。

我正在使用这个 ajax 来访问一个本地文件（这在 chrome 中不起作用，除非你有一个正在运行的服务器，或者你只是像我一样禁用了网络安全）：

function loadDoc(){
    $.ajax({url: "ajax_info.txt", success: function(result){
        var variablesArray = result.split(" ");
}});
}

所以我的问题是——除了写作而不是阅读，我可以做这样的事情吗？

编辑： 所以我真正想要的是一个与ajax相反的函数。并写出类似 (variable1 + " " + variable2) 注意：我想覆盖，而不是追加。

Answer 1

既然您说您不打算在任何地方托管它，您只需将代码移动到打包应用程序中即可。从那里你可以使用chrome.fileSystem api。

使用chooseEntry() 询问用户他们希望应用能够读取/写入哪个目录。在回调中检查返回的条目是否有效，然后将其存储以备后用。

var userDir = null;
chrome.fileSystem.chooseEntry({type: 'openDirectory'}, function(theEntry) {
   //do sanity check(s) and store it
   if(!theEntry.isDirectory) {
      //report error
      return;
   }
   userDir = theEntry;
});

一旦有了目录条目引用，就可以使用getFile() 获取对文件的引用，如果文件不存在则创建它，创建子目录也是如此，只需将getFile 替换为getDirectory。然后使用createWriter() 获取一个 FileWriter 实例来写入该文件。

function saveData(filename,data){
   if(!userDir) {
      //report error
      return;
   }

   userDir.getFile(filename, {create: true}, function(fileEntry) {
      if(!fileEntry || !fileEntry.isFile){
         //report error
         return;
      }

      fileEntry.createWriter(function(fileWriter) {
         fileWriter.onwriteend = function(e) {
            //report success
         };
         fileWriter.onerror = function(e) {
            //report error: e.toString()
         };

         //Create a Blob from the data and write it.
         var blob = new Blob([data], {type: 'text/plain'});
         fileWriter.write(blob);
      });
   });
}

//at some point after user has selected directory
saveData("log.txt","Some data");

检查各种文档以了解错误报告和其他必需品。

如果您只想向用户询问一次目录，请使用retainEntry() 保存目录条目的 id。并使用restoreEntry() 获取目录的引用。从那里只需执行 saveData 函数中的步骤即可。检查文档以了解其他过程，例如读取文件。