[SOLUCIONADO] Subir Archivo mediante Ajax

[juanrapma]

Hola a todos los del foro y expertos en Jquery.

Necesito de su ayuda, estoy preparando una subida de archivo mediante ajax, he logrado a que cuando elija el archivo, me brinde el nombre del file, pero cuando pasa eso, el php no reconoce el $_FILES[].

No se si me explico.

Aqui esta lo que he realizado.

Código PHP:

 function subir(){ 
                     
                    var file = document.forms['fotoUpload']['foto_perfil'].files[0]; 
                    var id = $("<?php print $iduser ?>").val(); 
                     
                    $.ajax({ 
                            url:   '/site/upload_pic.php', 
                            type:  'post', 
                            data: "foto="+file, 
                            enctype: 'multipart/form-data', 
                            beforeSend: function () { 
                                    $("#todobien").html("Procesando, espere por favor..."); 
                            }, 
                            success:  function (response) { 
                                    $("#todobien").html(response); 
                                     
                            } 
                    }); 
                     
                    };  

Cuando consigue y va a la url: '/site/upload_pic.php', manda error ya que el $_FILES['foto_perfil']['name'] no lo reconoce.

Alguien sabe como puedo mejorar??

Saludos a todos

[Alexis88]

Para subir archivos mediante una petición asíncrona (AJAX), debes de utilizar el objeto FormData. Un ejemplo.

Un saludo

[juanrapma]

Perfecto, me funciono, muchas gracias