PHP: Previsualizar imagenes antes de subirlas al servidor

Supongamos que tenemos un formulario para subir archivos, que ése archivo es la imagen de nuestro perfil y que queremos ver como queda antes de subir la imagen y guardar nuestro perfil.

Para realizar esta tarea php no va a ir solo, va a estar acompañado por un javascript y un iframe para que esto resulte. pero es más facil de lo que parece. Mi amigo GON me facilitó este código que fuimos adaptando para nuestro trabajo. Veamos los pasos para este ejemplo:

56 Extensiones y Addons más requeridas para Google Chrome

Google Chrome es un navegador web desarrollado por Google.
Es uno de los navegadores más utilizados por los diseñadores y desarrolladores web, que está creciendo rápidamente entre los usuarios de Firefox, Internet Explorer, Opera y Safari.
Hoy hemos recopilado las 56 extensiones más útiles y demandadas de Google Chrome. Con estas extensiones, puede añadir más características al navegador, que pueden ayudarle a hacer su trabajo más rápido y más fácil.

25 juegos que demuestran el poder del HTML5 CANVAS

Uno de los propósitos del nuevo HTML5 es reducir la necesidad de plug-ins propietarios para desarrollar aplicaciones RIA (¿democratización de las aplicaciones de internet?) olvidando la dependencia de tecnologías como Adobe Flash, o los intentos por alcanzarlo: Microsoft Silverlight, JavaFX y dom.

Para mostrar el poder del elemento CANVAS de HTML5, Technology to Software pone a disposición una lista de 25 juegos desarrollados integramente con JavaScript y el famoso CANVAS.

Tinymce + ajaxfilemanager : Campos de texto enriquecidos para web

Tinymce es el editor de texto enriquecido WYSIWYG que utiliza Wordpress para crear y editar artículos así como para escribir comentarios.

Este completo pero fácil de instalar editor esta desarrollado en javascript y lo que hace es, básicamente, convertir cualquier TextArea de un formulario en un completo editor html.

Lightbox - la galería de imagenes que todos vemos en html.

Se trata de una de las galerías de imagenes más utilizadas en los sitios desarrollados en dhtml.

Si bien no es un nuevo, esta herramienta desarrollada por Lokesh Dhakar, resulta una herramienta hiper-util a la hora de montar una galería de imágenes dinámica y con buena estética sin recurrir al viejo y (hoy un poco vapuleado) flash.

Simplemente basta con poner las carpetas de archivos js en tu server, incluír los .js en la página donde se mostrará la galería y modificar un poco los links de tus imagenes y ya se logra un gran efecto.

Y lo más importante: Al ser de código abierto, puede personalizarse y mejorarse tanto como quieras. Ni hablar de jugar con los estilos libremente, ya que está basado en CSS.

Podes verlo funcionando en ésta demo.

Descarga la versión 2.04 (actual) desde aquí o desde la página de la librería

La instalación son 3 simples pasos que se detallan aquí.