Görüntü verisi,

Question

formunu göndermeden önce silinmiş olsa bile başlık için özür dileriz. Aşağıda benim sorunum:

Seçilen görüntüyü kaldırmak ve yeni bir tane seçmek seçeneği ile kullanıcı bilgisayarından görüntü dosyası seçerken bir resim küçük resim DIY-ed vardı.

Yükleme düğmesine tıkladığımda, en son seçtiğim görüntüyü yükledi. Anlamadığım şey, yüklemeden önce silme imgesini tıklamış olsam neden görüntüyü de alıyor?

<input id="trip-photo1" type="file" class="trip-ul-photo-img" name="trip-photo[]"> 
<label for="trip-photo1"></label> 

yukarıda ben 5 girişinin 1: Aşağıda

benim HTML kodu vardır. Bu benim ilk kez DIY de kendimi silme seçilen görüntü olduğu gibi ne olup bittiğini tamamen hiçbir fikrim yok

$(document).on('change', 'input.trip-ul-photo-img', function(){ 
     var photo_wrapper  = $(".trip-ul-photo"); //Fields wrapper 
     var photo_button  = $(".btn-trip-ul-photo"); //Add button ID 
     var reader    = new FileReader(); 
     var photo    = $(this); 
     var btn_str    = ''; 
      btn_str    += '<button type="button" class="btn btn-link btn-photo-del" role="button">X</button>'; 

     reader.onload = function (e) { 
      // get loaded data and render thumbnail. 
      var img_str  = ''; 
       img_str  += '<img class="pro-set-up-photo-preview" src="' + e.target.result + '" />' 
      photo.parent().append(img_str, btn_str); 
     }; 

     // read the image file as a data URL. 
     reader.readAsDataURL(this.files[0]); 

    }); 

    $(document).on('click', '.btn-photo-del', function(){ 
     $(this).parent(".trip-ul-photo-group").next(".trip-ul-photo-cap-wrapper").children("input, p").remove(); 
     $(this).parent(".trip-ul-photo-group").children("img, button").remove(); 
    }); 

: Aşağıda

benim jQuery kodu vardır.

Şimdiden teşekkürler çocuklar!

Answer 1

Sorun çözüldü. Sorun, herhangi bir dosyayı seçtiğinizde bir dosya girişinin varsayılan davranışıdır. Önizleme görüntüsünü silerken verileri null olarak ayarlayın.