“Visualize a imagem múltipla antes de fazer o upload” Respostas de código

Visualize a imagem múltipla antes de fazer o upload

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

Visualize a imagem múltipla antes de fazer o upload

<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

Respostas semelhantes a “Visualize a imagem múltipla antes de fazer o upload”

Perguntas semelhantes a “Visualize a imagem múltipla antes de fazer o upload”

Mais respostas relacionadas para “Visualize a imagem múltipla antes de fazer o upload” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código