File upload via AJAX

[Pain]

Hi there. I have to add a file upload facility to the form. Theres just one problem though - the form is submitted via AJAX.

$("#s_prop_full").validate({
    submitHandler: function (form) {
        $.ajax({
            type: "POST",
            url: "submit-proposal-full.php",
            data: $("#s_prop_full").serialize(),
beforeSend: function() {
       $('#loader3').fadeIn();
   },
complete: function(){
     $('#loader3').fadeOut();
 
   }
        }).done(function (msg) {
            $('#loader3').fadeOut();
 
 
$('#s_prop_full').fadeOut();
$('.s-form-full-thanks').fadeIn();
 
        });
    },
.....

It's pretty standard PHP after that:

 

 move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["file"]["name"]);

What do i have to add to the AJAX function? Thank you

Edited November 21, 2013 by Pain

[denno020]

I have used jQuery Form Plugin for this purpose before. It works well.

http://malsup.com/jquery/form/#getting-started

 

Denno