Após mensagem de erro, as imagens some.

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