Upload en jQuery

[XD2XD2]

En el archivo js tengo

Código Javascript:

$(document).on('click', '#btnlogo', function() {
 
    var data = $('#logo').serialize();
    
    $.post('/logo1.php', data, function(response){
       if(!response == ''){
           $('#error-logo').html('<div class="alert alert-danger">'+response+'</div>');
       }
    });
 
    return false;
 
});
 

Y el formulario es

Código HTML:

<form action="" method="post" class="form-horizontal" enctype="multipart/form-data" id="logo">
      <div id="error-logo"></div>
      <textarea id="elm1" name="title" rows="1" cols="1" style="width: auto;"></textarea>
      <input type="file" name="imagen" size="35">
      <input type="submit" class="btn btn-primary" id="btnlogo" value="Guardar">
      <input type="reset" class="btn btn-danger" value="Restablecer">
</form>
 

Y por ultimo en el logo1.php tengo

Código PHP:

<?php
    echo $_FILES['file']['name'];
?>
Prueba
 

Pero al ejecutar todo me sale Prueba y no me sale el nombre del archivo "subido"

Pero si lo ejecuto esto sin jquery si funciona:

Código PHP:

<?php
if(isset($_POST['submit'])){
    echo $_FILES['file']['name'];
}
?>
<form action="" method="post" enctype="multipart/form-data">
    <input name="file" type="file">
    <input type="submit" name="submit">
</form>
 

[GatorV]

Tienes que usar algo como esto: https://github.com/mihaild/jquery-html5-upload para que puedas hacer uploads usando HTML5.

[XD2XD2]

Pero con eso lo valido con js y quiero hacerlo con php, pero necesito jquery para el .load