2017-05-23 30 views
0

我已经使用JavaScript从系统加载文本文件并将其显示在窗体的文本区域中。加载文件后,我想编辑它并将其保存回系统。但我不确定如何挽救它。要从文本字段加载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> 
+0

如果没有服务器,则无法读取文件系统或将文件写入文件系统。除非您在浏览器中使用文件(如附件)并使用斑点来读取它。查看nodejs并表示设置一个简单的服务器 – Arijoon

回答

0

您可以简单地从一个文本文件中使用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中加载数据,我们可以做到这一点使用代码)

<?php 
$myFile = "ttt.txt"; 
$fh = fopen($myFile, 'w') or die("can't open file"); 
$stringData = $_POST["name"]; 
fwrite($fh, $stringData); 
fclose($fh); 
?> 

使用AJAX

$.ajax({ 
    method:"post", 
    action:"savefile.php", 
    data:{ 
     name :$('#yourtextareaid').val() 
    } 
success:function(data){ 
    alert('successfully saved'); 
} 
}); 
相关问题