JavaScript从文本字段加载,根据需要编辑内容并保存到系统中

JavaScript从文本字段加载,根据需要编辑内容并保存到系统中,javascript,Javascript,我使用JavaScript从系统中加载文本文件,并将其显示在表单的文本区域中。加载文件后,我想编辑它并将其保存回系统。但我不知道如何把它救回来 这是我加载文本的代码 <script type="text/javascript"> // ui events function inputFilePassageToTranslate_Changed(inputFilePassageToTranslate){ var fileToLoad = inputFilePassag

我使用JavaScript从系统中加载文本文件,并将其显示在表单的文本区域中。加载文件后,我想编辑它并将其保存回系统。但我不知道如何把它救回来

这是我加载文本的代码

<script type="text/javascript">
 // ui events

 function inputFilePassageToTranslate_Changed(inputFilePassageToTranslate){

     var fileToLoad = inputFilePassageToTranslate.files[0];

     var fileReader = new FileReader();

     fileReader.onload = inputFilePassageToTranslate_Changed_FileLoaded;

     fileReader.readAsText(fileToLoad);
 }


 function inputFilePassageToTranslate_Changed_FileLoaded(event){

     var passageToTranslate = event.target.result;

     var textareaPassageToTranslate = document.getElementById("textareaPassageToTranslate");

     textareaPassageToTranslate.value = passageToTranslate;

 }
</script>

//用户界面事件
函数inputfilepassageotranslate_已更改(inputfilepassageotranslate){
var fileToLoad=inputfilepassageotranslate.files[0];
var fileReader=newfilereader();
fileReader.onload=InputFilePassaGetOtrTranslate\u Changed\u FileLoaded;
readAsText(fileToLoad);
}
函数inputfilepassageotranslate\u已更改\u已加载文件(事件){
var passageotranslate=event.target.result;
var textareapassageotranslate=document.getElementById(“textareapassageotranslate”);
text区域passageotranslate.value=passageotranslate;
}

您可以像这样使用jquery ajax从文本文件加载数据

jQuery.get('http://localhost/pathtotextfile.txt', function(data) {
    var textdata = data;
    // Put text data to a textarea as follows 
    $('#yourtextareaid').val(textdata);
});
您需要任何服务器端语言在服务器上进行文件写入(在php中,我们可以使用代码实现这一点)


如果没有服务器,您无法在文件系统中读取或写入文件。除非您在浏览器中使用文件(如附件)并使用BLOB读取它。查看nodejs和express以设置一个简单的服务器
<?php
 $myFile = "ttt.txt";
 $fh = fopen($myFile, 'w') or die("can't open file");
 $stringData = $_POST["name"];
 fwrite($fh, $stringData);
 fclose($fh);
?>  
$.ajax({
  method:"post",
  action:"savefile.php",
  data:{
      name :$('#yourtextareaid').val()
  }
success:function(data){
  alert('successfully saved');
}
});