直接上代码：

<!DOCTYPE html>
<html>
<head>
    <title>read file</title>
</head>
<body>

<input type="file" id="f1">
<input type="submit" id="btn1" value="上传">


<script type="text/javascript">
    var f1 = document.querySelector('#f1');
    var btn1 = document.querySelector('#btn1');
    btn1.onclick = function(){
    // 获取上传文件
    var fl1 = f1.files[0];
    // 读取文件，创建读取文件的对象
    var fReader = new FileReader();
    // 读取文件
    fReader.readAsText(fl1);
    // 开始读取文件的加载事件
    fReader.onload = function() {
        var result = fReader.result;
        console.log(result)
      
    }
}

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