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

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

             }
        }
     
时间: 2024-08-27 05:10:44

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

用js获取input中type=file文件内容

1.先获取到input节点 2.利用FileReader对象读取文件 3.文件读取完毕后会有一个回调函数,拿到结果即可 示例: var files = $('#fileImport').prop('files');// 获取到文件列表 var reader = new FileReader();// 新建一个FileReader reader.readAsText(files[0], "UTF-8");// 读取文件 reader.onload = function (evt) { /

前端用js获取本地文件的内容

这里要写成input的形式 调用upload函数 传递的参数就表示所选的文件<input type="file" onchange="upload(this)" /> //前端读取本地文件的内容 下面代码中的this.result即为获取到的内容 function upload(input) { //支持chrome IE10 if (window.FileReader) { var file = input.files[0]; filename = f

javascript 学习笔记 -- js获取本地文件信息

JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy.网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件.ActiveXObject是微软特有的,只能在IE内核的浏览器中运行,所以也不是一个好方法. 这里,介绍一种用Xml读取本地文件的方法. 第一步: Ngnix 服务器配置 下载ngnix(http://nginx.org/en/download.html), 解压缩之后,打开nginx\conf\nginx.c

PHP中XPATH 实现xml及html文件快速解析(附xml做小型数据库实现六级单词快速查询实例)

一.XPATH简单入门 XPATH ,XQUERY 专门查询XML语言,查询速度快 使用方法: (1)创建DOM工具,并且加载 xml文件 $xml = new  DOMDocument('1.0','utf-8'); $xml -> load('./dict.xml'); 注:若是对html文件进行快速解析, 同样的道理 此处使用   loadhtmlfile (‘dict.html’); (2)创建xpath解析工具 $xpath = new DOMXPATH($xml); (3)编写xpa

js 获取getElementsTagName()方法返回值的内容

<div id="news-top" class="section"> <h3>Some title</h3> <div class="content"> <ul> <li><span>HTML</span><a href="">Some Link1</a></li> <li><

QJson生成文件和解析文件

QJson生成.json文件 生成简单的json文件 QVariantHash data; QVariantHash patientData; patientData.insert("patient ID","22334"); patientData.insert("Name","ZYL_YY"); patientData.insert("age","26"); patientData.

js获取自身递增及匹配数组内容

上篇博客是每个li里只有仅仅一个div去更改其颜色,但是若是我们遇到每个li里有多个及不同数量的div,而每个div要匹配数组里的颜色,并且依次递增循环,那么就要用到for循环以及清楚了解this指向当前元素是哪一个然后再给其匹配数组中的颜色.这些话有点绕口,那我们来看代码,先来看看布局: 1 <style> 2 ul,li{list-style: none;} 3 ul{overflow: hidden;} 4 li{width:200px;height:auto;margin:100px

js获取本地时间和div滚动条事件

//获取当前日期并进行格式转化getSysemTime:function () { var newTime=Date.parse(new Date()); function add0(m){return m<10?'0'+m:m } function format(newTime){ //newTime是时间搓,否则要parseInt转换 var time = new Date(newTime); var y = time.getFullYear(); var m = time.getMonth

通过上传的APK文件,解析APK文件内容,获取应用权限包名等

通过上传的APK文件,解析APK文件内容,获取应用权限包名等 1工具导入: 下载aapt.exe反编译执行程序,放入Java工程资源文件夹下(具体路径自己可定义) 2编写ApkUtil类,获取apk文件信息 public class ApkUtil { public static final String VERSION_CODE = "versionCode"; public static final String VERSION_NAME = "versionName&q