Saltar al contenido

cargar varias imágenes y verlas como galería en un ejemplo de código html

Esta es el arreglo más exacta que encomtrarás brindar, sin embargo estúdiala detenidamente y valora si es compatible a tu proyecto.

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

functionpreviewImages()var preview =document.querySelector('#preview');if(this.files)[].forEach.call(this.files, readAndPreview);functionreadAndPreview(file)gif)$/i.test(file.name))returnalert(file.name+" is not an image");// else...var reader =newFileReader();
    
    reader.addEventListener("load",function()var image =newImage();
      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

<input id="file-input" type="file" multiple><div id="preview"></div>

Tienes la opción de defender nuestra misión mostrando un comentario o 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 *