用php html JQuery 实现两个按钮 一个可以打开/etc/ntp.conf文件 且可以编辑 一个能够将修改后的文件保存到原路径且覆盖原文件的完整代码
时间: 2024-02-23 14:58:11 浏览: 126
以下是一个实现打开和编辑/etc/ntp.conf文件,并能够保存修改后的文件的示例代码:
index.php:
```html
<!DOCTYPE html>
<html>
<head>
<title>Edit ntp.conf</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="openBtn">Open ntp.conf</button>
<button id="saveBtn">Save ntp.conf</button>
<br><br>
<textarea id="fileContent" rows="10" cols="80"></textarea>
<script>
$(document).ready(function(){
$("#openBtn").click(function(){
$.ajax({
url: "read_file.php",
type: "GET",
success: function(response){
$("#fileContent").val(response);
}
});
});
$("#saveBtn").click(function(){
var fileContent = $("#fileContent").val();
$.ajax({
url: "write_file.php",
type: "POST",
data: {content: fileContent},
success: function(response){
alert("File saved successfully!");
}
});
});
});
</script>
</body>
</html>
```
read_file.php:
```php
<?php
$file_path = "/etc/ntp.conf";
$file_content = file_get_contents($file_path);
echo $file_content;
?>
```
write_file.php:
```php
<?php
$file_path = "/etc/ntp.conf";
$file_content = $_POST['content'];
file_put_contents($file_path, $file_content);
?>
```
这里使用jQuery的ajax方法进行文件读写操作。打开文件按钮通过GET请求向read_file.php发送请求读取/etc/ntp.conf文件的内容,并将内容填充到id为fileContent的文本框中。保存文件按钮通过POST请求向write_file.php发送请求将文本框中的内容写入/etc/ntp.conf文件中。注意,这里需要确保PHP程序对/etc/ntp.conf文件有读写权限。
阅读全文