JS获取本地文件并且解析文件内容（XML，TXT）

Posted 2020-08-23 洛阳之晨，譬如临安初雨

$(function(){
     
           $("body").on("change", "#file", function (event) {
                uploadfile(this,event);  
           })  
     
        function uploadfile(){
                var files = event.target.files, file;
               if (files && files.length > 0) {
                   // 获取目前上传的文件
                   file = files[0];
                   // 来在控制台看看到底这个对象是什么
                   console.log(file);
                   // 那么我们可以做一下诸如文件大小校验的动作

                   // 获取 window 的 URL 工具
                   var URL = window.URL || window.webkitURL;
                   // 通过 file 生成目标 url
                   var imgURL = URL.createObjectURL(file);
                   console.log(imgURL);
                   
                   
                   $.get(imgURL,function(xmlDoc,textStatus){
                     //find搜索所有与指定表达式匹配的元素
                    console.log(xmlDoc);
                     var $provinceElement=$(xmlDoc).find("province");
                   console.log($provinceElement.length);
                     $provinceElement.each(function(index,domEle) {
                         var $city=$(this).find("city");
                         console.log($city.length);
                         $.each($city,function(index,domEle1){
                             
                            console.log($(domEle1).text());
                        });
                     });
                 });
                   
             }
        }