码迷,mamicode.com
首页 > Web开发 > 详细

JS获取本地文件并且解析文件内容(XML,TXT)

时间:2016-12-13 19:02:12      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:on()   targe   get   指定   target   XML   上传   web   stat   

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

 

JS获取本地文件并且解析文件内容(XML,TXT)

标签:on()   targe   get   指定   target   XML   上传   web   stat   

原文地址:http://www.cnblogs.com/llcdbk/p/6170830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!