0

Buenas, estoy con pequeño problemita.. Cuando abro el campo para editar.. Me carga la imagen actual, y abajo el input file.. Cuando lo cambio y doy submit, funciona todo perfecto.. Mi problema es.. Que cuando intento editar otro campo, se abre el modal, pero continua la imagen anterior, la actual, y tambien en el input file el archivo que se habia subido.. Alguien puede ayudarme? Dejo aquí mi codigo..

            <div class="form-group">
                <label class="col-md-2 control-label">Portada de Inicio actual</label>
                <div class="col-md-9">
                    <div id="f3223f235" ></div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label">Portada de Inicio nueva</label>
                <div class="col-md-7">
                    <input type="file" id="file-editanoti"  name="portada" class="form-control" accept="images/jpg"/>
                </div>
            </div>

            <div id="prev_edinoti" style="margin:auto; display: flex; margin-bottom: 20px;"></div> 

el div PREV_EDINOTI es el ID donde se muestra la imagen nueva que se va cargar. JS para cargar los archivos y donde muestro mi imagen

function editarNoti(idNoticia){
    $('#form_edi_noti')[0].reset();
    var url = 'php/notiEditar.php';
        $.ajax({
        type:'POST',
        url:url,
        data:'id='+idNoticia, // envia a PHP ej.: $_POST['id'];
        success: function(valores){
                var datos = eval(valores);
                $('#edi_noti').val('Edicion');
                $('#idnoticiia').val(idNoticia);
                $('#titnoticia').val(datos[0]);
                $('#fechanoticia').val(datos[1]);
                $('#fecha_noti2').val(datos[2]);
                $('#direnoti').val(datos[3]);
                $('#direnoti2').val(datos[4]);
                $('#f3223f235').append("<img src=../imagenes/noticias/"+datos[3]+"/"+datos[5]+" style='max-width: 50%'>" ); //portadagaleria
                $('#f3223f23534').val(datos[5]);
                $('#portadagaleria').val(datos[6]);
                $('#anexo').val(datos[7]);
                $('#galeria').val(datos[8]);
                $('#intCatnoticia').val(datos[9]);
                $('#edita-noti').modal({
                    show:true,
                    backdrop:'static'
                });
            return false;
        }
    });
    return false;
}

onsubmit llama a esta funcion

function editaNoti(){
    var archivos = new FormData($("#form_edi_noti")[0]);
    var url = 'php/notiEdita.php';
    $.ajax({
        type:'POST',
        url:url,
        data: archivos,
        cache: false,
        contentType: false,
        processData: false,
        success: function(edicion){
            if ($('#edi_noti').val() == 'Edicion'){
            alertify.success("Edición realizada.");
            $('#edita-noti').modal('hide');
            $('#noti').html(edicion);
            return false;
            }
        }
    });
    return false;
}
2
  • Ya probastes limpiar todo el formulario antes ó después de haber enviado el formulario
    – JuankGlezz
    Commented el 9 jun. 2016 a las 16:55
  • Si, está justo aquí.. {function editarNoti(idNoticia){ $('#form_edi_noti')[0].reset();} Commented el 9 jun. 2016 a las 17:13

2 respuestas 2

1

Para saber:

Ya solucioné lo de que se deje de acumular las imágenes al abrir el modal.. Tenia que cambiar el append por html.. Ahora solo me queda limpiar el input del file luego de hacer submit

0

Por lo visto, te hace falta regresar el formulario a su estado inicial:

Usando jQuery:

  $("#idDeTuFormulario")[0].reset();

Usando JavaScript puro y crudo:

document.getElementById("idDeTuFormulario").reset();
3
  • Fijate que al realizar la llamada a editarNoticia ya está la funcion que me dices, y lo hace, pero lo que no hace es limpiar el input del file Commented el 9 jun. 2016 a las 17:13
  • vale, no me fijé, en ese caso dale con el javascript: window.fileInputForm.reset();
    – fredyfx
    Commented el 9 jun. 2016 a las 17:16
  • Ok, pero en que linea lo inserto? Commented el 10 jun. 2016 a las 11:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.