He encontrado estos dos scripts, me gusta la simpleza del primero pero no parece muy compatible al menos con chrome, el segundo me parece algo engorroso pero al basarse en jQuery parece mas fiable ¿es posible que el primero funcione en cualquier navegador moderno con algún ajuste? gracias
Código HTML:
<input type="file" onChange="document.imagen.src='file:///' + this.value">
<img src="imagen_defecto.png" name="imagen">
Código HTML:
<input id="file_url" type="file" name="foto">
<img id="img_destino" src="#" alt="Tu imagen">
<script>
function mostrarImagen(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img_destino').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#file_url").change(function(){
mostrarImagen(this);
});
</script>