js 打开选择本地文件对话框 及 获取选择文件中的内容

给按钮添加以下点击事件，点击后弹出选择本地文件的对话框：

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); }