如何在HTML5中加载、编辑和保存XML文件
我需要将一个xml文件加载到html5页面中，用户现在可以编辑这个文件，然后我需要以某种方式再次保存它 我在网上搜索了好几天，没有找到合适的。。。我找到了许多关于如何使用javascript加载和解析xml文件的教程，但我不知道如何保存这些教程。Javascript是这个问题的错误答案如何在HTML5中加载、编辑和保存XML文件,xml,html,Xml,Html,我需要将一个xml文件加载到html5页面中，用户现在可以编辑这个文件，然后我需要以某种方式再次保存它 我在网上搜索了好几天，没有找到合适的。。。我找到了许多关于如何使用javascript加载和解析xml文件的教程，但我不知道如何保存这些教程。Javascript是这个问题的错误答案 编辑：对于这个问题，javascript可能是错误的解决方案。是一个小小的javascript+Flash库，可以在浏览器中动态生成和保存文件，而无需与服务器交互。这很旧，但我想我还是会回答它，因为我目前正在解决
编辑：对于这个问题，javascript可能是错误的解决方案。是一个小小的javascript+Flash库，可以在浏览器中动态生成和保存文件，而无需与服务器交互。这很旧，但我想我还是会回答它，因为我目前正在解决同样的问题。正确的方法是将修改后的文件存储在键/值存储（Web存储-）中 如果需要替换原始文件，则应通过web服务器将修改后的文件放入或发布到web服务器上的正确url。这意味着编写一个简单的后端来获取文件并保存它 以下是简单的存储代码-您必须在代码中的适当位置插入文件的url和文件名：
<!DOCTYPE html>
<html>
<head>
<title>File editor</title>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.4.1");
</script>
<script>
$(document).ready(function() {
// check to see if we have it in storage already
if (file = localStorage.getItem('<filename>')) {
$("textarea[id='edit_box']").val(file);
} else { // get it from the url
$.get("<url to file>", null, function(data)
{
$("textarea[id='edit_box']").val(data);
}, "text");
}
// save to storage
$("textarea[id='edit_box']").bind('keyup', function () {
localStorage.setItem('<filename>', this.value);
});
});
</script>
</head>
<body>
<form method="get" id="edit_file">
<input type="file"></input>
<div id="edit">
<textarea id="edit_box" placeholder="Type here" cols="80" rows="50"></textarea>
</div>
</body>
</html>
文件编辑器
load（“jquery”，“1.4.1”）；
$（文档）.ready（函数（）{
//检查一下我们是否已经把它存放在仓库里了
if（file=localStorage.getItem（“”））{
$（“textarea[id='edit_box']”）val（文件）；
}否则{//从url获取它
$.get（“”，null，函数（数据）
{
$（“textarea[id='edit_box']”）val（数据）；
}“文本”）；
}
//保存到存储
$（“textarea[id='edit_box']）。绑定（'keyup'，函数（）{
localStorage.setItem（“”，this.value）；
});
});