> 백엔드 개발 > PHP 튜토리얼 > JS怎么获取上传文件的内容

JS怎么获取上传文件的内容

PHPz
풀어 주다: 2020-06-28 10:22:51
원래의
3495명이 탐색했습니다.

JS怎么获取上传文件的内容

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 = $(&#39;#fileId&#39;).prop(&#39;files&#39;);//获取到文件列表
        if(files.length == 0){
            alert(&#39;请选择文件&#39;);
        }else{
            var reader = new FileReader();//新建一个FileReader
            reader.readAsText(files[0], "UTF-8");//读取文件 
            reader.onload = function(evt){ //读取完文件之后会回来这里
                var fileString = evt.target.result; // 读取文件内容
        }
    }
    
}
로그인 후 복사

更多PHP相关知识,请访问PHP中文网!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿