JavaScript如何解析本地xml文件 JavaScript如何解析本地xml文件

项目功能 【JavaScript如何解析本地xml文件】
文章图片

本地解析
上传文件

解析file对象获取file对象，获取到本地url路径地址

// 获取本地上传文件路径 const getUploadUrl = function(flie) { let url = ""; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(flie); } else if (window.webkitURL != undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(flie); } else if (window.URL != undefined) { // mozilla(firefox) url = window.URL.createObjectURL(flie); } return url; // 返回这样的一串地址 blob:http://www.xxxx.com/2c230fa5-ecc4-4314-ae7c-c39eaa66a945 };

解析文件，获得xml对象

const loadXML = function(xmlFile) { var xmlDom = null; if (window.ActiveXObject) { xmlDom = new ActiveXObject("Microsoft.XMLDOM"); xmlDom.async = "false"; xmlDom.load(xmlFile); } else if ( document.implementation && document.implementation.createDocument ) { var xmlhttp = new window.XMLHttpRequest(); xmlhttp.open("GET", xmlFile, false); xmlhttp.send(null); xmlDom = xmlhttp.responseXML; } else { xmlDom = null; } return xmlDom; // 返回的是一个doucument的对象 };

document对象转字符串

let url = getUploadUrl(file); // 文件对象 let xml = loadXML(url); let text = new XMLSerializer().serializeToString(xml) // 将text赋值给textarea阔以了// 赋值文本框 var element = document.getElementById('textarea'); element.value= https://www.it610.com/article/text

会出现乱码