Subir archivos con Mootools, Jquery, flash y FileApi W3C

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.