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)