Question

我需要帮助才能在客户端编辑文本文件，我无法找到一个好的方法。我需要自动更新数据，无需确认，如下：

 <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>

请帮帮我。

Answer 1

你不能用JS这样做。你可以做的是在客户端上下载它，而无需使用data urls进行服务器干预。

不幸的是，设置所述下载文件的名称并不是跨浏览器兼容的......

<强> HTML

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

<强>的Javascript

// 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');
  }
});

使用javascript或html5编辑文本文件

1 个答案: