“Aperçu de l'image multiple avant de télécharger” Réponses codées

Aperçu de l'image multiple avant de télécharger

function previewImages() {

  var $preview = $('#preview').empty();
  if (this.files) $.each(this.files, readAndPreview);

  function readAndPreview(i, file) {
    
    if (!/\.(jpe?g|png|gif)$/i.test(file.name)){
      return alert(file.name +" is not an image");
    } // else...
    
    var reader = new FileReader();

    $(reader).on("load", function() {
      $preview.append($("<img/>", {src:this.result, height:100}));
    });

    reader.readAsDataURL(file);
    
  }

}

$('#file-input').on("change", previewImages);
John Mark Tamaño

Aperçu de l'image multiple avant de télécharger

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="file-input" type="file" multiple>
<div id="preview"></div>
 Run code snippetHide results
John Mark Tamaño

Réponses similaires à “Aperçu de l'image multiple avant de télécharger”

Questions similaires à “Aperçu de l'image multiple avant de télécharger”

Plus de réponses similaires à “Aperçu de l'image multiple avant de télécharger” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code