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