读取文件

h5中新增了读取文件的方法，网页可以读取文件的内容了
1-当文件域标签选中文件后，获取选中文本文件，读取文件内容

  <input type="file">
  <script>
    var input = document.querySelector('input')
    input.onchange=function(){
      //获取选中第一个文件
      var file = input.files[0]
      //h5中新增读取文件内容功能 FileReader
      var fr = new FileReader();
      //fr种有各种读取文件的方法
      //fr.readAsText(文件) 以字符串的形式读取文件
      //fr.readAsDataURL() 以URL的形式读取文件 图片、视频路径
      fr.readAsText(file,'GB2312');//第二个参数是文件的编码格式
      //读文件不确定何时完成，用事件监听
      fr.onload=function(){//当文件读取完成的事件
        var r = fr.result
        console.log(r)
      }
    }
  </script>