[SOLUCIONADO] Guardar información e imagen

EmilianoEmiliano · #1 (**permalink**) 07/07/2015, 16:04

Hola como están, tendrían la amabilidad de guiarme con lo siguiente:

Estoy intentando guardar una imagen incluido nombre, apellido estoy utilizando un ejemplo que encontré:
http://jquery-manual.blogspot.com/2014/05/como-subir-una-imagen-con-ajax.html

Código Javascript:

Ver original<!DOCTYPE HTML>
<html>
 <head>
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
   <script>
     $(function(){
        $("input[name='file']").on("change", function(){
            var formData = new FormData($("#formulario")[0]);
            var ruta = "imagen-ajax.php";
            $.ajax({
                url: ruta,
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function(datos)
                {
                    $("#respuesta").html(datos);
                }
            });
        });
     });
    </script>
 </head>
 <body>
 <form method="post" id="formulario" enctype="multipart/form-data">
    Subir imagen: <input type="file" name="file">
 </form>
  <div id="respuesta"></div>
 </body>
</html>

Pero la imagen se envia normalmente a php, pero y si quiero enviar nombre, apellido como debo utilizar correctamente el formData.append();.
Gracias por su tiempo.

Alexis88 · #2 (**permalink**) 07/07/2015, 17:49

Según explica la documentación existente, con pasarle el formulario como parámetro al FormData, sería suficiente, pero si deseas hacerlo por partes usando el método .append(), esta sería una forma:

Código Javascript:

Ver originalvar formData = new FormData();
 
formData.append("imagen", $("input[name=file]").files[0]);
formData.append("nombre", $("#nombre").val());
formData.append("apellido", $("#apellido").val());

Saludos