使用javascript或html5编辑txt文件

使用javascript或html5编辑txt文件,javascript,html,file,text-files,Javascript,Html,File,Text Files,请我需要帮助在客户端编辑一个txt文件,我找不到一个好的方法。我需要自动更新数据,无需确认,如: <button onclick="updatefile()">Update</button> <script> functiom updatefile(){ var file = "d:\test.txt" var data = //here any function for load a

请我需要帮助在客户端编辑一个txt文件,我找不到一个好的方法。我需要自动更新数据,无需确认,如:

 <button onclick="updatefile()">Update</button>
   <script>
      functiom updatefile(){
         var file = "d:\test.txt"          
         var data = //here any function for load all data from file
         ...
         ...
         data .= " new data to add";

         //here any function for save data in test.txt  
         .....
      }
</script>
更新
functiom updatefile(){
var file=“d:\test.txt”
var data=//此处是用于从文件加载所有数据的任何函数
...
...
数据=“要添加的新数据”;
//这里有用于在test.txt中保存数据的任何函数
.....
}

请帮帮我。

你不能用JS那样做。不过,您可以在客户端下载它,而不需要服务器使用
数据URL进行干预

设置所述下载文件的名称不兼容跨浏览器

HTML

<textarea id="text" placeholder="Type something here and click save"></textarea>
<br>
<a id="save" href="">Save</a>

您可以使用读取本地文件,但无法从浏览器自动保存回文件(出于安全原因)。是否可以选择一个自定义目录来保存该文件?或者始终将该文件存储在google chrome目录中?据我所知,无法执行此操作。这取决于浏览器。如果你的应用程序是web应用程序,你可以将文本临时存储在本地存储中,但你必须通过下载才能真正获取文件。如果你的应用程序是打包应用程序(如chrome扩展或独立chrome应用程序),你可能可以将文件保存到沙盒文件系统,但我个人没有使用过。相关问题:
// This defines the data type of our data. application/octet-stream
// makes the browser download the data. Other properties can be added
// while separated by semicolons. After the coma (,) follows the data
var prefix = 'data:application/octet-stream;charset=utf-8;base64,';
$('#text').on('keyup', function(){
  if($(this).val()){
    // Set the URL by appending the base64 form of your text. Keep newlines in mind
    $('#save').attr('href', prefix + btoa($(this).val().replace(/\n/g, '\r\n')));
    // For browsers that support it, you can even set the filename of the 
    // generated 'download'
    $('#save').attr('download', 'text.txt');
  }else{
    $('#save').removeAttr('href');
    $('#save').removeAttr('download');
  }
});