Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: RedZer en 9 Mayo 2011, 00:02 am



Título: previsualizar imagen antes de subirla
Publicado por: RedZer en 9 Mayo 2011, 00:02 am
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
  1. <input type="file" onChange="document.imagen.src='file:///' + this.value"><br><br>
  2. Vista previa:<br><br>
  3. <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?


Título: Re: previsualizar imagen antes de subirla
Publicado por: bomba1990 en 9 Mayo 2011, 03:15 am
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/ (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.



Título: Re: previsualizar imagen antes de subirla
Publicado por: RedZer en 9 Mayo 2011, 03:18 am
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/ (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


Título: Re: previsualizar imagen antes de subirla
Publicado por: RedZer en 9 Mayo 2011, 05:57 am
encontre esto despues de tanto buscar pero solo funciona en mozilla y explorer en chrome no :-(

Código
  1. <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  2.  <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'" />
  3.  <img id="prev" src="" width="85"  style="display:none;" /><span id="fs"></span>
  4. </form>
  5.