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...

- Contador falso en JavaScript
- E-Mail AntiSpam con JavaScript
- Cuenta los caracteres escritos en un textarea con Javascript
- Clase Date en Javascript
- Forzar click a un campo file con JavaScript

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