Saltar al contenido

cómo mostrar la vista previa de varias imágenes en el ejemplo de código jquery

El paso a paso o código que hallarás en este post es la solución más eficiente y efectiva que encontramos a esta inquietud o dilema.

Ejemplo 1: cómo mostrar la vista previa de varias imágenes en jquery

function previewImages() 

  var preview = document.querySelector('#preview');
  
  if (this.files) 
    [].forEach.call(this.files, readAndPreview);
  

  function readAndPreview(file) gif)$/i.test(file.name)) 
      return alert(file.name + " is not an image");
     // else...
    
    var reader = new FileReader();
    
    reader.addEventListener("load", function() 
      var image = new Image();
      image.height = 100;
      image.title  = file.name;
      image.src    = this.result;
      preview.appendChild(image);
    );
    
    reader.readAsDataURL(file);
    
  



document.querySelector('#file-input').addEventListener("change", previewImages);

Ejemplo 2: cómo mostrar la vista previa de varias imágenes en jquery

<inputid="file-input"type="file"multiple><divid="preview">div>

Te invitamos a reafirmar nuestro cometido mostrando un comentario y dejando una valoración te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *