Question

我正在尝试使用同一文件夹中的几个文本文件构建一个位于DropBox文件夹中的简单HTML网站（以便可以公开访问它）。我想要做的是能够从文本文件中读取或删除文本并在其中写入新文本。我一直在寻找这样的代码几个小时，但我得到的只是适用于Internet Explorer或Mozilla Firefox的代码，或者我得到答案“这是不可能的。”。那我怎么能在Chrome中做到这一点（请）？我只需要能够更改这些文件并阅读它们，我会非常高兴！

先谢谢MrBurnedPotato。

Answer 1

根据您的请求提及编辑本地文件，您可以使用FileReader API执行此操作。这是一个可以读取本地存储文件的片段。

<!DOCTYPE html>
<html>
  <head>
    <title></title>
  </head>

  <body>
  <input type="file"  />
  <div id="output"></div>
  <script>
    var input = document.querySelector("input");
    input.addEventListener("change", function() {
      var file = input.files[0];
      var reader = new FileReader();
      reader.onload = function(e) {
        console.log(e);
        document.querySelector("#output").innerText = e.target.result;
      };

      reader.readAsText(file);
    }, false);
  </script>
  </body>
</html>

在此之后，您可以为新修改的文件创建下载，也可以浏览FileEntry API以实际写回内容。这个API虽然在采用方面非常有限。但这应该是一个很好的起点。

使用JavaScript读/写/更改本地文本文件（在DropBox上）的内容

1 个答案: