js读取文本内容，支持csv.txt

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script>

function upload(input) {

	//支持chrome IE10

	if (window.FileReader) {

		var file = input.files[0];

		console.log(file)

		filename = file.name.split(".")[0];

		var reader = new FileReader();

		reader.onload = function() {

			$("#text").html(this.result)

		}

//		reader.readAsText(file,"UTF-8");

		reader.readAsText(file,"gb2312");

	}

	//支持IE 7 8 9 10

	else if (typeof window.ActiveXObject != 'undefined'){

		var xmlDoc;

		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

		xmlDoc.async = false;

		xmlDoc.load(input.value);

		alert(xmlDoc.xml);

	}

	//支持FF

	else if (document.implementation && document.implementation.createDocument) {

		var xmlDoc;

		xmlDoc = document.implementation.createDocument("", "", null);

		xmlDoc.async = false;

		xmlDoc.load(input.value);

		alert(xmlDoc.xml);

	} else {

		alert('error');

	}

}

</script>

<title>file upload</title>

</head>

<body>

	<input id='file' type="file" onchange="upload(this)" />【注意，参数传的是这个input的html元素,若是jquery，此参数是$('#file')[0]】

	<div id="text"></div>

</body>

</html>
---------------------------------------------------

fileReader Api

fileReader Api

flieReader 三种状态：

FileReader.readyState:0,1,2

0:empty ,没有文件被load，为空。

1:loading,文件正在被加载。

2:done,读取请求完成。

fileReader事件处理，6种。

onabort:文件读取终端，触发。

onerror:文件遇到错误触发。

onload:文件成功读取触发。

onloadstart:文件开始读取时触发。

onloadend:文件读取结束时触发（无论成功失败）。

onprogress:文件读取中触发。

fileReader读取方法，5种。

FileReader.abort()。中断读取操作，读取状态返回为done，即readyState=2。

FileReader.readAsArrayBuffer()。将文件读取为ArrayBuffer形式。

FileReader.readAsBinaryString() 。将文件读取为二进制字符串（非标准方法，不推荐使用）。

FileReader.readAsDataURL()。读取文件的URL,应用场景，本地预览图片。

FileReader.readAsText()。将文件已文本形式读取。即读取txt等。

　　

　　

js读取文本内容，支持csv.txt的更多相关文章

  1. Node.js读取文件内容

    原文链接:http://blog.csdn.net/zk437092645/article/details/9231787 Node.js读取文件内容包括同步和异步两种方式. 1.同步读取,调用的是r ...

  2. Shell脚本逐行读取文本内容并拆分,根据条件筛选文件

    时间:2018-11-13 整理:byzqy 需求: 最近帮朋友写了一段脚本,他的需求是根据一份产品清单,去服务器上捞取对应产品编号的测试Log,数量大概有9000~10000条左右.文本内容大致如下 ...

  3. ajax读取文本内容（此处的txt文件和html文件处于同级目录）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style&g ...

  4. R—读取数据（导入csv,txt,excel文件）

    导入CSV.TXT文件 read.table函数:read.table函数以数据框的格式读入数据,所以适合读取混合模式的数据,但是要求每列的数据数据类型相同. read.table读取数据非常方便,通 ...

  5. Node.js读取文件内容并返回值(非异步)

    主要解决的问题的,以最近VsCode插件开发为例,每次请求都需要token,而vscode并不支持cookie这样的存储,所以就采用粗暴点办法,存到某个用户目录下并读取. 源码如下: var fs=r ...

  6. while read读取文本内容

    读取文件给 while 循环 方式一: exec <FILE while read line do cmd done 方式二: cat FILE_PATH |while read line do ...

  7. C# FileStream 按大小分段读取文本内容

    该例子首先在C盘根目录创建一个名为'file1.txt'的文本文件. 然后再运行该例子.. 完整代码如下: 引入命名空间: [csharp] view plain copy print? using  ...

  8. Shell 读取文本内容

    在Linux中有很多方法逐行读取一个文件的方法,其中最常用的就是下面的脚本里的方法,而且是效率最高,使用最多的方法.为了给大家一个直观的感受,我们将通过生成一个大的文件的方式来检验各种方法的执行效率. ...

  9. js复制文本内容到剪贴板

    记录一下使用clipboardData复制不成功. 1.定义一个按钮执行复制 <div> <button type="button" id="copyR ...

随机推荐

  1. #!/usr/bin/env ruby 与 #!/usr/bin/ruby 的区别(copy)

    [说明:资料来自http://blog.csdn.net/wh_19910525/article/details/8040494] 脚本语言的第一行,目的就是指出,你想要你的这个文件中的代码用什么可执 ...

  2. Linux网络流量实时监控ifstat iftop命令详解（转载）

    转自:http://www.cnblogs.com/ggjucheng/archive/2013/01/13/2858923.html ifstat 介绍 ifstat工具是个网络接口监测工具,比较简 ...

  3. RestTemplate中headers中添加Host不生效

    在使用restTemplate访问内网接口时,不打算指host,支持ip访问,所以我们需要再header中指定host.但经调试,发现HttpURLConnection中Host无法覆盖.解决方案: ...

  4. 【插件开发】—— 6 SWT 复杂控件使用以及布局

    前文回顾: 1 插件学习篇 2 简单的建立插件工程以及模型文件分析 3 利用扩展点,开发透视图 4 SWT编程须知 5 SWT简单控件的使用与布局搭配 前几篇讲到了简单控件的使用,复杂控件使用原则上与 ...

  5. CentOS中设置Windows共享文件夹

    在CentOS中设置Samba可实现和Windows共享文件夹.常见的需求:1)用户能够在Windows机器上通过共享文件夹访问远程Linux服务器上自己的主目录:2)用户能够在Windows机器上访 ...

  6. 动态规划基础复习 By cellur925

    结束帝都的qbxt dp图论精讲班后,感觉自己依然很水,接下来的一周,不妨来复习一下讲课内容:) 动态规划是lyd讲的,上次在泉城讲数据结构,然鹅体验较差,这次虽说好了些,但还是比想象中的效果不好(还 ...

  7. 在JS/jQuery中，怎么触发input的keypress/keydown/keyup事件？

    怎么触发keypress/keydown/keyup事件? 问题: 1.在之前的写的input后面添加了搜索按钮 2.input只有keyup事件,如下: $("#desktop_folde ...

  8. 【SpringCloud构建微服务系列】学习断路器Hystrix

    一.Hystrix简介 在微服务架构中经常包括多个服务层,比如A为B提供服务,B为C和D提供服务,如果A出故障了就会导致B也不可用,最终导致C和D也不可用,这就形成了雪崩效应. 所以为了应对这种情况, ...

  9. Spring 中 ApplicationContext 和 BeanFactory 的区别

    //从ApplicationContext 中取 bean ApplicationContext ac = new ClassPathXmlApplicationContext ( "com ...

  10. 简单水题 POJ 2291 Rotten Ropes

    题目传送门 /* 我校oj的源题,看懂题意就很水,贴出来省的再敲:) */ #include <cstdio> #include <algorithm> #include &l ...