Previsualizar una imagen antes de subirla en JavaScript

Un truco para poder previsualizar una imágen que se ha seleccionado en un <input type=file> antes de subirla.

Seleccione una imagen <br>
<input type="file" onChange="document.imagen.src='file:///' + this.value"><br><br>
Vista previa:<br><br>
<img src="imagen_defecto.png" name="imagen">

Hemos puesto en la <img> una imágen por defecto (imagen_defecto.png) para que mientras no seleccionemos ninguna imágen con el input no salga el error de que no encuentra ninguna imágen.

Autor: XLWebmasters
http://www.xlwebmasters.com/modules.php?d=doc&f=doc2&id=1045

Usuarios que han visto este tema también han visto...

- Clicks en 20 segundos en Javascript
- Escribiendo aplicaciones sociales con Google OpenSocial
- Menú barra horizontal con botones para desplazar
- Efecto de transición FadeIn en imágenes con JavaScript
- Establecer conexiones al puerto Http con el objeto XMLHttp

- Versión imprimible de este documento
- Enviar por e-mail este documento