Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/11/2017, 12:19
Avatar de xfxstudios
xfxstudios
 
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 4 meses
Puntos: 263
Respuesta: Vista previa de imagenes

Prueba asi:

MUESTRA

Código Javascript:
Ver original
  1. function archivo(evt) {
  2.       var files = evt.target.files; // FileList object
  3.        
  4.         //Obtenemos la imagen del campo "file".
  5.       for (var i = 0, f; f = files[i]; i++) {        
  6.            //Solo admitimos imágenes.
  7.            if (!f.type.match('image.*')) {
  8.                 continue;
  9.            }
  10.        
  11.            var reader = new FileReader();
  12.            
  13.            reader.onload = (function(theFile) {
  14.                return function(e) {
  15.                // Creamos la imagen.
  16.                       document.getElementById("list").innerHTML = ['<img class="thumb" src="', e.target.result,'" title="', escape(theFile.name), '"/>'].join('');
  17.                };
  18.            })(f);
  19.  
  20.            reader.readAsDataURL(f);
  21.        }
  22. }
  23.              
  24.       document.getElementById('files').addEventListener('change', archivo, false);
__________________
[email protected]
HITCEL