Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Formulario ajax con campo imagen

Estas en el tema de Formulario ajax con campo imagen en el foro de Frameworks JS en Foros del Web. Hola, Estoy creando un formulario que envía mediante post (ajax) los datos de dicho formulario y actuliza la base de datos. Todo va bien, excepto ...
  #1 (permalink)  
Antiguo 06/10/2012, 12:32
 
Fecha de Ingreso: octubre-2011
Ubicación: Zahara, Sevilla, Granada...
Mensajes: 12
Antigüedad: 9 años
Puntos: 0
Pregunta Formulario ajax con campo imagen

Hola,

Estoy creando un formulario que envía mediante post (ajax) los datos de dicho formulario y actuliza la base de datos.

Todo va bien, excepto el campo imagen que quiero subir a mi servidor.

No se porqué, pero si lo hago sin jquery y uso simplemente un post funciona, envía la imagen (no el nombre de la imagen, esto si lo recibo).

js
Código:
        $('#form-alquiler').submit(function(e){

//        alert('adsf');

        e.preventDefault();

        params = $(this).serialize();

        $.ajax({
            url: "/ajax/modificar-alquiler.php",
            async:true,
            beforeSend: function(objeto){
                //$.prettyLoader.show();
				$('label').css('color','#000');;
            },
            complete: function(objeto, exito){
                //$.prettyLoader.hide();
            },
            data : params,
            dataType: "json",
            error: function(objeto, quepaso, otroobj){
                alert("Ha sucedido un error inesperado");
            },
            success: function(data){

                if (data.exito == true)
                {
                    $('#form-alquiler').hide();
                    $('#datos-ok').show('fast');

                }else
                {
                    alert(data.error);
                    for (var ee in data.error_fields)
                    {
                        $('label[for='+data.error_fields[ee]+']').css('color','#f00');
                    }
                }
            },
            type: "POST"
        });

    });

formulario
Código:
<form  action="/cuenta/alquileres" id="form-alquiler" method="post" enctype="multipart/form-data" onsubmit="return;">
						
    <label class="control-label" for="a_titulo">Título</label>
     <input type="text" class="input-xxlarge" placeholder="Título" name="a_titulo" id="a_titulo" placeholder="Nombre" maxlength="50" value="'.$row['alquiler_titulo'].'" />

     <label class="control-label" for="a_imagen">Imagen</label>
     <input type="file" value="'.$row['alquiler_img'].'" name="a_imagen">

     <button type="submit" cname="r_datos" id="r_datos" >Modificar datos</button>

</form>

Les agradecería cualquier tipo de ayuda.
  #2 (permalink)  
Antiguo 06/10/2012, 20:45
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 9 años, 7 meses
Puntos: 192
Respuesta: Formulario ajax con campo imagen

No podés enviar un archivo de esa forma (se puede en HTML5, pero la implementación es experimental).

Necesitás usar flash. Podés usar algo como uploadify. O buscá "AJAX file upload"

https://www.google.com/search?q=ajax...hrome&ie=UTF-8
__________________
nahueljose.com.ar

Etiquetas: ajax, formulario, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:03.