jQuery Girl
  1. jQuery Girl
  3. L’aperçu / suppression de téléchargement de fichier jQuery ne fonctionne pas pour les nouvelles entrées
Intereting Posts
Javascript extraire une valeur d’ID spécifique d’un tableau à un autre tableau HTML Range Slider et jQuery? Jquery Search – Insensible à la casse Quelle est la meilleure façon de faire le démarrage automatique du lecteur multimédia Yahoo, jQuery? Essayer de soumettre plusieurs valeurs de cases à cocher via ajax (jQuery) Comment utiliser l’adaptateur dans l’application dans Worklight Détecter efficacement les dates manquantes dans le tableau et injecter un null (Highcharts et jQuery) jQuery parsingur de tablesorter pour datetime au format MM.DD.YYYY HH: format MI AM trouve la largeur de l’image enfant et l’applique au parent div j jquery Méthode Web d’appel AngularJS Comment masquer la superposition en appuyant sur le bouton Précédent Détecter cliquez sur une image Les lignes sont dupliquées lorsque j’ai déjà utilisé idPrefix Modal avec tabindex = “- 1” devient actif sur l’onglet jQuery find – Dans quel ordre renvoie-t-il les éléments?

L’aperçu / suppression de téléchargement de fichier jQuery ne fonctionne pas pour les nouvelles entrées

Vous pouvez trouver le code sur jsfiddle

La fonction de prévisualisation et de suppression d’image fonctionnait tôt ( jsfiddle ), maintenant j’utilisais le bouton “+” pour append plus d’entrées. Mais maintenant, l’aperçu de l’image ne fonctionne pas et remove, div ne fonctionne pas pour les nouvelles entrées. Veuillez vérifier le code de travail et aidez-moi à le résoudre.

html 

 
 
Portfolio Images
 
  
  
  
 
 
 
  
 
 your image

Jquery 

 $('.portfolioimgdiv').on('click', '.remove_field', function() { $(this).parent().parent().remove(); }); $('.addmore_img').click(function() { $('.portfolioimgdiv:last').after('
your image
'); }); function readURL() { var $input = $(this); var $newinput = $(this).parent().parent().parent().find('.portimg '); if (this.files && this.files[0]) { var reader = new FileReader(); reader.onload = function(e) { reset($newinput.next('.delbtnmrg26'), true); $newinput.attr('src', e.target.result).show(); $newinput.after(''); } reader.readAsDataURL(this.files[0]); } } $(".fileUpload").change(readURL); $("form").on('click', '.delbtnmrg26', function(e) { reset($(this)); }); function reset(elm, prserveFileName) { if (elm && elm.length > 0) { var $input = elm; $input.prev('.portimg').attr('src', '').hide(); if (!prserveFileName) { $($input).parent().parent().find('input.fileUpload').val(""); $($input).parent().parent().find('.input-group').find('inputhttps://stackoverflow.com/questions/40655550/jquery-file-upload-preview-remove-image-not-working-for-new-inputs/#uploadre').val(""); } elm.remove(); } }