jquery.ajax - проверить файл на отправить

Question

мне нужно проверить файл на Submit-событие, поэтому я сделал следующее:

$(document).ready(function(){ 
    $("form").submit(function(){ 
     data = new FormData(); 
     data.append('picture', $('#picture-field')[0].files[0]); 

     $.ajax({ 
      url: 'checkit.php', 
      data: data, 
      processData: false, 
      cache: false, 
      contentType: false, 
      type: 'POST', 
      dataType: "json", 
      success: function (data) { 
       alert(data.error) 
      } 
     }); 
    }); 
}); 

Но эта работа это не распространяется. возвращенные данные не раздуты, кто-нибудь может мне помочь?

Answer 1

Попробуйте предотвращая Действие посылки формы

$(document).ready(function() { 
    $("form").submit(function (e) { 
     //stop the default form submit action 
     e.preventDefault(); 

     var files = $('#picture-field')[0].files; 
     if (!files.length) { 
      alert('select a file') 
      return; 
     } 

     var data = new FormData(); 
     data.append('picture', $('#picture-field')[0].files[0]); 

     $.ajax({ 
      url: 'checkit.php', 
      data: data, 
      processData: false, 
      cache: false, 
      contentType: false, 
      type: 'POST', 
      dataType: "json", 
      success: function (data) { 
       alert(data.error) 
      }, 
      error: function (jqXhr, status, error) { 
       alert(status + ':' + error + ':' + jqXhr.responseText) 
      } 
     }); 
    }); 
});