文件读取

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

 

posted @ 2018-05-22 17:03  1点  阅读(147)  评论(0)  编辑  收藏  举报