美文网首页
JS读取input file文件内容

JS读取input file文件内容

作者: 仰望天空的人 | 来源:发表于2018-11-29 15:37 被阅读93次
    <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>
    

    漂亮 哈哈哈哈

    相关文章

      网友评论

          本文标题:JS读取input file文件内容

          本文链接:https://www.haomeiwen.com/subject/nsgvxqtx.html