“Vista previa de imagen múltiple antes de subir” Código de respuesta

Vista previa de imagen múltiple antes de subir

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

Vista previa de imagen múltiple antes de subir

<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

Respuestas similares a “Vista previa de imagen múltiple antes de subir”

Preguntas similares a “Vista previa de imagen múltiple antes de subir”

Más respuestas relacionadas con “Vista previa de imagen múltiple antes de subir” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código