1. 程式人生 > >input輸入框獲取本地txt文字內容

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>