文件读取

1. 获取文件

var file=this.files[0];

2. 开始读取，创建读取器

var reader=new FileReader();

3.开始读取

reader.readAsText(file);

4.获取读取的结果

reader.onload=function() {
console.log(reader.result);
}

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="file" name="">

    <script type="text/javascript">
         // 通过该选择器选中input元素。
        var input=document.querySelector("input");

        input.onchange=function(){

            //获取到文件
            var file=this.files[0];

            //开始读取，创建读取器
            var  reader=new FileReader();

            //开始读取
            reader.readAsText(file);

            //获取读取的结果
            //当文件读取完成后，才可以获取文件信息内容
            reader.onload=function() {
                console.log(reader.result);
            }            
        }

    </script>
</body>
</html>

效果：

2018-05-22 17:02:38