[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