Após mensagem de erro, as imagens some.

[violin101 0]

Caros amigos, saudações...

 

Estou com um problema que não estou conseguindo identificar onde estou errando.

 

Tenho uma rotina onde anexo imagens:
- para anexar tudo certinho

- para excluir tudo certinho

 

O problema é quando não seleciona nenhum arquivo e o usuário tenta clica no botão anexar. 

- mostra a mensagem de erro, beleza.

após mostrar a mensagem de erro as imagens anexadas some e é preciso dar um F5 ou refresh.

 

Como faço para após dar a mensagem de erro as imagens anexadas não some da lista ?

 

o código abaixo:

     //Adicionar Anexos - Imagens 
      $("#formAnexos").validate({         
          submitHandler: function( form ){       
                //var dados = $( form ).serialize();
                var dados = new FormData(form); 
                $("#form-anexos").hide('1000');
                $("#divAnexos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                  type: "POST",
                  url: "<?php echo base_url();?>index.php/imoveis/anexar",
                  data: dados,
                  mimeType:"multipart/form-data",
                  contentType: false,
                  cache: false,
                  processData:false,
                  dataType: 'json',
                  success: function(data)
                  {
                    if(data.result == true){
                        $("#divAnexos" ).load("<?php echo current_url();?> #divAnexos" );
                        $('input[type=file]').val(null);
                    }
                    else{
                    //Aqui mostro a mensagem de erro
                        $("#divAnexos").html('<div class="alert fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> '+data.mensagem+'</div>');
                        $('input[type=file]').val(null);
                    }
                  },
                  error : function() {
                      $("#divAnexos").html('<div class="alert alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> Ocorreu um erro. Verifique se você anexou o(s) arquivo(s).</div>'); 
                  }
                  
                  });

                  $("#form-anexos").show('1000');
                  return false;
                }

        });

 

Grato,

 

Renato

[tetsuo 0]

Em 12/11/2018 at 12:10, violin101 disse:

else{ //Aqui mostro a mensagem de erro $("#divAnexos").html('<div class="alert fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> '+data.mensagem+'</div>'); $('input[type=file]').val(null); } }, error : function() { $("#divAnexos").html('<div class="alert alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> Ocorreu um erro. Verifique se você anexou o(s) arquivo(s).</div>'); }

Troque .html( por .append(

[violin101 0]

Amigo

 

Conforme mencionando, fiz a troca, mas não deu certo.

[tetsuo 0]

Mostre-nos como ficou aquele trecho de script