如何使用 FileReader javascript 读取 XML 文件？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/20853219/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to read XML file using FileReader javascript?
提问by Konga Raju
I need to get XML from a ODF file. I tried using FileReader readAsText and readAsBinaryString but its not working.
我需要从 ODF 文件中获取 XML。我尝试使用 FileReader readAsText 和 readAsBinaryString 但它不起作用。
FileReader readAsTextreturns some special characters for odf files.
FileReader readAsText为 odf 文件返回一些特殊字符。
with readAsBinaryString
使用readAsBinaryString
var reader = new FileReader()
reader.onloadend=function(e){
var data = e.target.result;
//data is not in xml format
var xml = str2xml(data);
//getting error
/*
using DOM parser for xml parsing
*/
}
reader.readAsBinaryString(file);
How can get XML from ODF file using javascript FileReader?
如何使用 javascript FileReader 从 ODF 文件中获取 XML？
回答by DeeDee
Here's a browser-based example, but this should be applicable to other JavaScript contexts:
这是一个基于浏览器的示例，但这应该适用于其他 JavaScript 上下文：
Make a Form:
制作表格：
<div id="upload">
<h2>Gimme Yo ODF Cornbread</h2>
<form enctype="multipart/form-data" method="post">
<input type="file" name="odfxml" id="odfxml" />
</form>
</div>
Handle the Upload:(I'm using JQuery for brevity/simplicity)
处理上传：（为了简洁/简单，我使用 JQuery）
<script>
$("#odfxml").change(function(){
var file = document.getElementById("odfxml").files[0];
//You could insert a check here to ensure proper file type
var reader = new FileReader();
reader.readAsText(file);
reader.onloadend = function(){
var xmlData = $(reader.result);
};
});
</script>
The xmldatavariable contains your XML, ready for your magic.
该xmldata变量包含您的 XML，为您的魔法做好准备。
回答by ZiTAL
Using the response like text:
使用类似文本的响应：
var xml = data.replace(/[\s\S]+<\?xml/, '<?xml');
xml = xml.replace(/office:document\-meta>[\s\S]+/, 'office:document-meta>');
:)
:)
If you need to load the xml like jquery object:
如果您需要像 jquery 对象一样加载 xml：
xml = $(xml);
then you can use jquery selector's on
然后你可以使用jquery选择器
