previsualizar imagen antes de subirla

[RedZer]

como se puede visualizar una imagen antes de subirla al servidor
llevo toda el dia buscando un script que me haga ese proposito pero no encuentro, hace un tiempo lo logre con este script pero aun funciona solo con explorer pero con mozilla y crhome no funciona

Código (html4strict) [Seleccionar] Expandir

<input type="file" onChange="document.imagen.src='file:///' + this.value"><br><br>
Vista previa:<br><br>
<img src="imagen_defecto.png" name="imagen">
tambien encontre este script y si funciona con ambos navegadores pero es muy tedioso
http://www.maestrosdelweb.com/editorial/revisar-las-imagenes-antes-de-subirlas/

alguien sabe otra forma de previsualizar una imagen?

[bomba1990]

Hace algun tiempo yo estuve en el mismo dilema que tu, pero hasta donde yo se, a excepcion de algun que otro truquillo en diferentes navegadores  no se puede hacer lo que tu quieres, lo unico que se puede es lo que tu mostraste en el link

http://www.maestrosdelweb.com/editorial/revisar-las-imagenes-antes-de-subirlas/

Que no es tan dificil, pero si muy util. Yo lo pude aplicar con exito. Tambien vi unos cuantos plugin de jquery que lo hacen quizas te sirva mas buscar un plugin de esos que te facilite la vida.

[RedZer]

Hace algun tiempo yo estuve en el mismo dilema que tu, pero hasta donde yo se, a excepcion de algun que otro truquillo en diferentes navegadores  no se puede hacer lo que tu quieres, lo unico que se puede es lo que tu mostraste en el link

http://www.maestrosdelweb.com/editorial/revisar-las-imagenes-antes-de-subirlas/

Que no es tan dificil, pero si muy util. Yo lo pude aplicar con exito. Tambien vi unos cuantos plugin de jquery que lo hacen quizas te sirva mas buscar un plugin de esos que te facilite la vida.

si de echo es la misma liga que puse en mi post llevo todo el dia buscando como y no encuentro

[RedZer]

encontre esto despues de tanto buscar pero solo funciona en mozilla y explorer en chrome no

Código (html4strict) [Seleccionar] Expandir


<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <input type="file" name="file" onchange=" document.getElementById('prev').style.display='inline';document.getElementById('prev').src='data:'+this.files.item(0).getAsDataURL();document.getElementById('fs').innerHTML=' '+(parseInt(this.files.item(0).fileSize)/1024).toFixed(2)+' kb'" />
  <img id="prev" src="" width="85"  style="display:none;" /><span id="fs"></span>
</form>