Javascript 加载HTML文件，编辑标记内的内容，并将更改保存到HTML文件_Javascript_Php_Html_Ajax

Javascript 加载HTML文件，编辑标记内的内容，并将更改保存到HTML文件

javascript php html ajax

Javascript 加载HTML文件，编辑标记内的内容，并将更改保存到HTML文件,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我正在做一个项目，需要加载一个HTML文件，编辑标记中的一些内容，然后将这些更改保存回同一个文件，而不影响其他内容以下是我的标记的外观：然后使用ajax—我发送添加到我遇到的问题是试图将新内容保存到现有的HTML文件中，而不影响HTML文件的其余部分我们的目标是制作一个可视化的CMS，如果有人有更好的建议，我愿意选择更好的路线。你是说这样的吗？： <html> <head> </head> <body> <form cla

我正在做一个项目，需要加载一个HTML文件，编辑标记中的一些内容，然后将这些更改保存回同一个文件，而不影响其他内容

以下是我的标记的外观：

然后使用ajax—我发送添加到

我遇到的问题是试图将新内容保存到现有的HTML文件中，而不影响HTML文件的其余部分

我们的目标是制作一个可视化的CMS，如果有人有更好的建议，我愿意选择更好的路线。

你是说这样的吗？：

<html>
<head>
</head>
<body>
    <form class="public" action="<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>" method="POST" enctype="multipart/form-data">
    <p><label for="file">File Name:</label> <input type="file" name="file" id="file" /></p>
    <br/>
    <p><input type="submit" value="Parsing" name="sendData"/></p>
    </form>

</body>
</html>

<?php
//test if the file is selected
if(!isset($_POST['sendData'])) exit;
//get file name
$filename = $_FILES["file"]["name"];
//be sure this file is html file
$ext = explode('.', $filename);
if($ext[1] != 'html'){
    echo '<br>bad file type, it must be html file';
    exit;
}
//upload the file to temp area
move_uploaded_file($_FILES["file"]["tmp_name"], $_FILES["file"]["name"]);
//read the file
$file = @fopen($filename, 'r');
if($file === false){
    echo 'Error when reading the file';
    exit;  
}
//reading line by line
$output ='';
while (($line = fgets($file)) !== FALSE) {
    $output .= str_replace('<img', '<svg', $line);
}
fclose($file);
//write the new file
$result = file_put_contents($filename, $output);
echo $result;
if(!$result){
    echo 'faild';
}else{
    echo 'success <br/>';
    $load_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $load_link = str_replace('pars.php', '', $load_link); 
    $load_link .= $filename;   
    echo '<a href='.$load_link.'>See the results</a><br>';
}


?>


欢迎来到堆栈溢出！请仔细阅读如何提供一个有效的解决方案。您还可以从中受益并得到提示：您可能正在使用，现在您正在替换