Rutarelativa

Subir archivos con Mootools, Jquery, flash y FileApi W3C

(0)

17 / Diciembre / 2009

Desarrollo,Php

Subir o realizar upload de archivos a un servidor es una de las tareas más complicadas a mi parecer para los formularios HTML, ya que es un proceso que necesita interactuar con el usuario que sube el archivo, mostrando un porcentaje y confirmando de que el archivo ha sido subido (sin contar temas de seguridad, cosa que añade más dificultad si cabe). Todo esto para que quede acorde con nuestros diseños y de una apariencia más de aplicación de escritorio, necesitamos realizarlo mediante Javascript. Anieto2k publica un interesante enlace en el que podremos arrastrar imágenes desde nuestro escritorio al explorador con la beta 1 de Firefox 3.6. El realizar Drag & Drop desde el escritorio es posible gracias al FileAPI, propuesta por la W3C, y la subida del archivo sin recargar viene de la mano del objeto XMLHttpRequest (Ajax). Veamos varios ejemplos de como subir archivos con Javascript, flash y FileApi W3C:

Subir archivos mediante Mootools

Sin duda Mootools es una de mis librerías preferidas, además cuenta con bastantes plugins. Uno de ellos es FancyUpload que nos permite subir múltiples archivos hacia nuestro servidor.

Descargar FancyUpload

Demo de FancyUpload

Subir archivos mediante Jquery

Uploadify es un plugin para Jquery que convierte los input file de nuestro formulario a objetos flash para poder realizar la subida de nuestros archivos. Permite la subida sola de un archivo o de múltiples.

Descargar Uploadify

Demo de Uploadify

Subir archivos mediante Flash

Unijimpe creó hace tiempo un sencillo script en FLash que nos permite subir archivos hacia nuestro servidor. Permite la subida de un solo archivo, pero como ejemplo y ver como realmente funciona la clase FileReference de Flash para subir archivos tenéis estos enlaces.

Descargar Upload Flash

Demo Upload Flash

Subir archivos mediante FileApi W3C

Con la salida de los nuevos estándares disponemos de FileApi, la encargada de poder arrastrar nuestros archivos desde el escritorio hacia el explorador y poder subirlos. Para utilizar la demo necesitamos de la versión beta 1 de Firefox 3.6.

Descargar FileApi

Demo FileApi

Como vemos, el proceso de subir un fichero a la web no es fácil, pero gracias a estas útiles herramientas tenemos a nuestra disposición un mundo de interactividad. Además, con la salida de los nuevos estándares, nos acercamos más a la interactividad entre hombre, computador y web; finalidad de la evolución de Internet y las comunicaciones.

Artículos relacionados

Usar Google Translate con PHP y Python Publicado por sergiocius el día 28/06/2010Guardado en Desarrollo
Contactable: Plugin para wordpress para feedback y contacto Publicado por sergiocius el día 24/06/2010Guardado en Plugins
Escribir un post en Blogger usando cUrl y PHP Publicado por sergiocius el día 23/06/2010Guardado en Blogosfera,Desarrollo
¿Cómo puedo hacer ping XML-RPC con PHP? Publicado por KeLDroX el día 06/05/2010Guardado en Desarrollo,Php
Detectar la procedencia del usuario por la IP en PHP Publicado por sergiocius el día 23/04/2010Guardado en Desarrollo,Php

Sobre KeLDroX

297

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en Subir archivos con Mootools, Jquery, flash y FileApi W3C

Hasta el momento el artículo Subir archivos con Mootools, Jquery, flash y FileApi W3C no tiene Trackbacks.

Comentarios en Subir archivos con Mootools, Jquery, flash y FileApi W3C

Hasta el momento el artículo Subir archivos con Mootools, Jquery, flash y FileApi W3C no tiene comentarios, sé el primero en comentar en él.

Escribir comentario en Subir archivos con Mootools, Jquery, flash y FileApi W3C

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.