Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wesley F Souza

Remover Preview de imagem ao clicar em uma div ou link

Recommended Posts

Olá pessoal, fiz um preview de uma imagem com esse script logo abaixo, está tudo certinho, só, queria saber se teria como remover o preview caso a pessoa não quisesse mais aquela imagem, script logo abaixo.

$(window).load(function(){
jQuery(function($){
var fileInput = document.getElementById("Pimage");
console.log(fileInput);
fileInput.addEventListener("change",function(e){
  var files = this.files
  showThumbnail(files)
},false)

fileDiv.addEventListener("click",function(e){
  $(fileInput).show().focus().click().hide();
  e.preventDefault();
},false)


function showThumbnail(files){
  for(var i=0;i<files.length;i++){
    var file = files[i]
    var imageType = /image.*/
    if(!file.type.match(imageType)){
      console.log("Isto não é uma imagem");
      continue;
    }

    var image = document.createElement("img");
    // image.classList.add("")
    var thumbnail = document.getElementById("PimageR");
    image.file = file;
    thumbnail.appendChild(image)

    var reader = new FileReader()
    reader.onload = (function(aImg){
      return function(e){
        aImg.src = e.target.result;
      };
    }(image))
    var ret = reader.readAsDataURL(file);
  }
}
          });
});//]]>  

 

Desde já agradeço à todos :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

vc insere com um append:

thumbnail.appendChild(image)

 

para remover use removeChild(), simples assim.

Compartilhar este post


Link para o post
Compartilhar em outros sites

então vc fez algo errado. Mostre como vc fez.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.