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