javascript - How to show a 'X' mark on a image preview -


i've upload image preview code:

function readurl(input) {   $.each(input.files,function(i) {      var reader = new filereader();      reader.onload = function (e) {         var container = $('#preview_drop');         var image = $('<img>').attr('src', e.target.result).attr('id', 'preimg')         image.appendto(container);         $("#add_photoajax").mcustomscrollbar("update");      };      reader.readasdataurl(input.files[i]);   }); } 

how can show 'x' mark or delete.png on each previewed image?

 '''  var container = $('#preview_drop');   //create first  var x = $('<img>').attr('src', 'delete.png');  var image = $('<img>').attr('src', e.target.result).attr('id', 'preimg')  image.appendto(container);   //and append after/before img  x.appendto(container);  $("#add_photoajax").mcustomscrollbar("update");  ... 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -