jq 讀取文件內(nèi)容

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
  <div>
    上傳文件 ： <input type="file" name = "file" id = "fileId" />
      <button  type = "submit" name = "btn" value = "提交"
       id = "btnId" onclick="check()" > 
      獲取
      </button>
      <p></p>
</div>
<script>
        function check() {
            var objFile = document.getElementById("fileId");
            if(objFile.value == "") {
                alert("不能為空");
                return false;
            }
   
            console.log(objFile.files[0].size); // 文件字節(jié)數(shù)
            
            var files = $('#fileId').prop('files');//獲取到文件列表
            if(files.length == 0){
                alert('請選擇文件');
            }else{
                //新建一個FileReader
                var reader = new FileReader();
                console.log('FileReader',FileReader);
                reader.readAsText(files[0], "UTF-8");//讀取文件 
                reader.onload = function(evt){ //讀取完文件之后會回來這里
                    var fileString = evt.target.result; // 讀取文件內(nèi)容
                    console.log(fileString)
                    $("p").append(fileString);
            }
        }
        
    }
</script>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容