js獲取上傳文件內容

 

js 獲取上傳文件的字節數及內容

 

<div>
    上傳文件 ： <input type="file" name = "file" id = "fileId" /> 
    
    <button  type = "submit" name = "btn" value = "提交" id = "btnId" onclick="check()" /> 提交
</div>

<script>

    function check() {
        
        var objFile = document.getElementById("fileId");
        if(objFile.value == "") {
            alert("不能空")
        }
    
        console.log(objFile.files[0].size); // 文件字節數
        
        var files = $('#fileId').prop('files');//獲取到文件列表
        if(files.length == 0){
            alert('請選擇文件');
        }else{
            var reader = new FileReader();//新建一個FileReader
            reader.readAsText(files[0], "UTF-8");//讀取文件 
            reader.onload = function(evt){ //讀取完文件以後會回來這裏
                var fileString = evt.target.result; // 讀取文件內容
        }
    }
    
}