<div dir="ltr">Hola, Daniel.<div><br></div><div>La preview de fotos en javascript tenés que hacerla con la FileAPI (y FileReader interface) de los navegadores (es un working draft, fijate el soporte: <a href="http://caniuse.com/#feat=fileapi">http://caniuse.com/#feat=fileapi</a>). Fijate algunos ejemplos funcionales y documentacion (todo en ingles):</div>

<div><br></div><div><a href="http://kellishaver.tumblr.com/post/21428272282/using-the-file-api-to-preview-images-before-uploading">http://kellishaver.tumblr.com/post/21428272282/using-the-file-api-to-preview-images-before-uploading</a><br>

</div><div><a href="http://robertnyman.com/2010/12/16/utilizing-the-html5-file-api-to-choose-upload-preview-and-see-progress-for-multiple-files/">http://robertnyman.com/2010/12/16/utilizing-the-html5-file-api-to-choose-upload-preview-and-see-progress-for-multiple-files/</a><br>

</div><div><a href="https://developer.mozilla.org/en-US/docs/Web/API/FileReader">https://developer.mozilla.org/en-US/docs/Web/API/FileReader</a><br></div><div><a href="http://html5demos.com/file-api">http://html5demos.com/file-api</a><br>

</div><div><a href="http://www.html5rocks.com/en/tutorials/file/dndfiles/">http://www.html5rocks.com/en/tutorials/file/dndfiles/</a><br></div><div><br></div><div>Basicamente consiste en escuchar el evento 'onchange' del file input, luego leer los archivos locales del array files del mismo y procesarlos con el file reader. Éste último va a llamar a una función de callback cuando termine de leer el archivo del disco, y en esta función es donde se utiliza readAsDataUrl para poner ese preview como src de un elemento img.</div>

<div><br></div><div>Es mucho más simple si usás algún framework, como jQuery, sino, igualmente podés hacerlo, pero tenés que escribir más código para soportar los diversos navegadores (hay problemas especialmente con algunas cosas de IE, como el agregado de listeners para los eventos).</div>

<div><br></div><div>Cualquier cosa que te falle, pasá el código y lo vemos.</div><div><br></div><div>Saludos!</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">El 11 de noviembre de 2013 09:54, Daniel Billia <span dir="ltr"><<a href="mailto:ferudine@sion.com" target="_blank">ferudine@sion.com</a>></span> escribió:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Buenos días Leo te tengo una consulta estoy en la parte de cargar la fotos para los articulos y quiero generar un preview en javascript encontré mieles de ejemplo pero como siempre ninguno funciona y por lo que vi cuando carga el path local de la foto no lo encuentre, le puse a un ejemplo de javascript el path de una foto en el servidor anduvo bien me podes orientar sobre este tema Saludos ¡!!! <br>


______________________________<u></u>_________________<br>
Lista de correo: Php-avanzado<br>
Mensajes a la lista: <a href="mailto:Php-avanzado@pato2.fi.mdp.edu.ar" target="_blank">Php-avanzado@pato2.fi.mdp.edu.<u></u>ar</a><br>
Administración Web: <a href="http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado" target="_blank">http://www3.fi.mdp.edu.ar/cgi-<u></u>bin/mailman/listinfo/php-<u></u>avanzado</a><br>
Desubscripción: <a href="http://php-avanzado-request@pato2.fi.mdp.edu.ar?subject=unsubscribe" target="_blank">php-avanzado-request@pato2.fi.<u></u>mdp.edu.ar?subject=unsubscribe</a><br>
</blockquote></div><br><br clear="all"><div><br></div>-- <br>Matias Fernando Gea<br><a href="mailto:matigea@gmail.com" target="_blank">matigea@gmail.com</a><br><a href="http://www.mfgea.com.ar" target="_blank">http://www.mfgea.com.ar</a>
</div>