input输入框获取本地txt文本内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<textarea name="" id="textArea" cols="30" rows="10"></textarea>
<input id="files" type="file" value="上传文件">
</body>
<script src="js/jquery.min.js"></script>

<script>
  $(function () {
      $("#files").change(function () {
          fileUpload_onselect();
      })
      function fileUpload_onselect(){
          var selectedFile = document.getElementById("files").files[0];
          var reader = new FileReader();//这是核心!!读取操作都是由它完成的
          reader.readAsText(selectedFile,'gb2312');
          reader.onload = function(oFREvent){//读取完毕从中取值
              var pointsTxt = oFREvent.target.result;
              $("#textArea").val(pointsTxt)
          }
      }
  })

</script>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41348029/article/details/82697692
今日推荐