给按钮添加以下点击事件,点击后弹出选择本地文件的对话框:
xml_openSelectionBox() {var inputObj=document.createElement('input')inputObj.setAttribute('id','my_inputObj');inputObj.setAttribute('type','file');inputObj.setAttribute("style",'visibility:hidden');document.body.appendChild(inputObj);inputObj.onchange = xml_parse(inputObj);//选中文件时触发的方法inputObj.click();},
inputObj.onchange 绑定的方法,当选择完文件时触发onchange 事件,调用下面方法
xml_parse(input) {//支持chrome IE10 if (window.FileReader) { var file = input.files[0]; var reader = new FileReader(); reader.onload = function(event) { var dom = new DOMParser().parseFromString(event.target.result, "text/xml");console.log("dom: ", dom);//根据自己实际情况进行解析} reader.readAsText(file); }