Resim önizleme ve jQuery ile temizleme

Question

jquery'de resim önizleme kodlaması ile ilgili sorun yaşıyorum.

Sunucumuzu yüklemeden önce kullanıcıların çok aşamalı görüntülerini göstermek istiyorum. Ve her görüntüdeki butonu iptal et. Bu butona tıkladığınızda, fotoğrafın önizlemesi kaldırılacaktır.

Kaydet düğmesine bastığınızda, tüm önizleme resmimi sunucuma kaydedin. Ona ihtiyacım

, lütfen bana yardım :)

<script type="text/javascript"> 
     $('#images').on('change',function(e){ 
      var files=e.target.files; 
      $.each(files, function(i,file){ 
       var reader = new FileReader(); 
       reader.readAsDataURL(file); 
       reader.onload = function(e){ 
        var preDiv=document.querySelector("#imgs ul"); 
        var template="<li class='col-md-3 col-sm-4 col-xs-6'><img src='"+e.target.result+"'/><span class='glyphicon glyphicon-remove cancel'></span></li>"; 
        preDiv.innerHTML+=template; 
       }; 
      }); 
     }); 



     $(".cancel").click(function(){ 
      $(this).parent().remove(); 
     }); 
    </script> 

Answer 1

çözüldü sorunu.

eklendi yayılma bu satırda eleman onclick yöntemi:

var template="<li class='col-md-3 col-sm-4 col-xs-6'><img src='"+e.target.result+"'/><span class='glyphicon glyphicon-remove cancel' onclick='imgRemove(this)'></span></li>"; 

ve bu yöntemi yarattı: Yardıma ihtiyacın

function imgRemove(ths) 
      { 
       $(ths).parent().remove(); 
      }