Previsualizar multiples fotos antes de enviar formulario

Es un previsualizador de imagenes que el usuario intenta cargar por el formulario. Usa un formulario con input de tipo archivo y soporta multiples archivos. Cuando seleccionas una imagen en examinar, automaticamente muestra un preview de la foto sin subirla, toma la foto del disco y la muestra en la pagina.

by Grégor González

HTML

<input id="archivos" type="file" name="archivos[]" multiple/>
<div id="visualizar"></div>

JavaScript

var inputArchivos = $("#archivos");
inputArchivos.change(visualizar);

function visualizar(){
    var arrayArchivos = this.files;
    var ventana = window.URL || window.webkitURL;

    $.each(arrayArchivos, function(indice, objArchivo){

    	if(objArchivo.type.indexOf('image') >= 0){
            var url = ventana.createObjectURL(objArchivo);

            $('#visualizar').append('<img src="'+url+'"/>');
            window.URL.revokeObjectURL(objArchivo);
        }else{
            alert("Ese archivo no es una imagen");
        }

    });    

}