JS读取input file文件内容

<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("不能为空空");
                return false;
            }
        
            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; // 读取文件内容
                    console.log(fileString)
            }
        }
        
    }
</script>

漂亮 哈哈哈哈

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容