jQuery 의 ajax 파일 업로드 크기 제한 실현

jquery 의 ajax 로 간단 한 파일 업로드 기능 을 실현 하고 파일 크기 를 제한 하 며 코드 를 먼저 올 립 니 다.
DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>testtitle>
    <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js">script>
head>
<body>
    
    <form id="uploadForm" enctype="multipart/form-data">
        <input id="file" type="file" name="file"/>
        <button id="upload" type="button">  button>
    form>
    
    <script>
        
        var maxSize = 1000;//        
        $('#upload').click(function(){
            var size = document.getElementById('file').files[0].size;
            var filesize = (size / 1024).toFixed(2);
            
            if(filesize < maxSize){
                $.ajax({
                    url: '/upload.php',
                    type: 'POST',
                    cache: false,
                    data: new FormData($('#uploadForm')[0]),
                    processData: false,
                    contentType: false
                }).done(function(res) {
                    alert('      ');
                }).fail(function(res) {
                    alert('      ');
                }); 
            }else{
                alert('        ' + maxSize + 'KB');
            }            
        });
    script>
body>
html>
  
  

업 로드 는 FormData 대상 을 사용 하여 이 루어 집 니 다. files [0]. size 속성 을 이용 하여 파일 의 크기 를 가 져 오고 업로드 제한 을 합 니 다.
다음으로 전송:https://www.cnblogs.com/isuifeng/p/6592078.html

좋은 웹페이지 즐겨찾기