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