檢查文件大小限制

Question

在上傳文件之前，我需要幫助檢查文件大小，

我想檢查文件的大小，然后繼續上傳

  $("form#data").submit(function(e) {
        e.preventDefault();   
        if(this.files[0].size > 2097152){
           alert("File is too big!");
           this.value = "";
           return false;
        };  
        var formData = new FormData(this);
    
        $.ajax({
            url: window.location.pathname,
            type: 'POST',
            data: formData,
            success: function (data) {
                alert(data)
            },
            cache: false,
            contentType: false,
            processData: false
        });
    });
    
    
    <form id="data" method="post" enctype="multipart/form-data">
        <input name="image" type="file" />
        <button>Submit</button>
    </form>

Answer 1

您需要從文件輸入對象中獲取文件，而您當前的代碼正試圖從this中獲取它們，它指的是整個表單。

 $("form#data").submit(function(e) { e.preventDefault(); const file_input = $(this).find('input[name="image"]')[0]; console.log(file_input.files[0].size); if (file_input.files[0].size > 2097152) { alert("File is too big!"); this.value = ""; return false; }; console.log("safe to upload..."); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="data" method="post" enctype="multipart/form-data"> <input name="image" type="file" /> <button>Submit</button> </form>