10 soluciones para subir archivos

10 soluciones para subir archivos (jQuery, HTML5, JavaScript y Flash)
Pablo Lunes 30 de Septiembre de 2013 a las 10:00
Subir archivos a un servidor puede convertirse en una verdadera odisea cuando lo que buscamos es una perfecta integración y un muy buen nivel de compatibilidad con los distintos navegadores web.
Para lograr un buen sistema de upload de archivos debemos tener algunasconsideraciones importantes como por ejemplo el lenguaje de programación o la tecnología a utilizar, también es una buena idea utilizar barras de progreso o indicadores de estado. Aspectos que son tediosos de programar, para ahorrarnos este trabajo les presento 10 proyectos interesantes para realizar esta tarea.
Antes de comenzar algunas aclaraciones. La tecnología empleada por estos proyectos varia entreJavaScript y HTML5, en algunos casos también se utiliza Flash, pero esto es más que nada para solventar algunos inconvenientes que aparecen al utilizar navegadores muy antiguos.
El escenario ideal es que el usuario utilice un navegador moderno para aprovechar las ventajas de HTML5, en su defecto alguno que acepte las propiedades de JavaScript o el framework jQuery y si todo falla, Flash es unabuena alternativa. Esto esta contemplado en algunos plugins, los más completos, que permiten utilizar una tecnología u otra según sea necesario.

1. jQuery File Upload.
Este plugin para subir archivos es uno de los más completos y recomendados, la tecnología principal por la cual opera es jQuery. Sin embargo hace un intercambio según el navegador del cliente acepte.
Viene listo para funcionarcon lenguajes de programación del lado del servidor como por ejemplo: PHP, Python, Ruby on Rails, Java, Node.js y Go.
Permite definir valores como el tamaño máximo de archivo permitido, definir los formatos, por ejemplo si aceptamos solo imágenes en formato JPG, GIF y PNG. Y en los navegadores modernos acepta la propiedad Drag & Drop (arrastrar y soltar).
Otro detalle interesante es que seencuentra construido utilizando el Bootstrap de Twitter.
Lejos una de las mejores opciones a la hora de integrar un sistema de upload de archivos a nuestro proyecto.

2. Plupload
Otra gran opción. Plupload es un proyecto que combina muchísimas tecnologías distintas para brindar la mejor opción según el navegador del usuario.
Las tecnologías disponibles son: Flash, Gears, HTML 5, Silverlight,BrowserPlus y HTML 4 (que solo acepta multipart para subir documentos).
Las características de este recurso son muy similares a las del anterior, sin embargo tiene dos detalles que lo diferencia: permite fragmentar archivos pesados para mejorar la velocidad de subida y tiene una documentación impresionante, muchos ejemplos y un foro muy activo.
3. pekeUpload
pekeUpload es una opción más minimalistapero no por eso menos potente y si bien no tiene un abanico impresionante en lo que se refiere a compatibilidad si nuestro deseo es brindar soporte a navegadores modernos entonces es una excelente opción.
Este proyecto se vale de dos tecnologías para funcionar: jQuery y HTML5.
Podemos restringir: tamaño máximo del archivo, extensiones aceptadas, mensajes de error y finalmente podemos configurarun indicador de progreso en tiempo real.

4. uploadprogress
Un plugin especialmente pensado para aquellos desarrolladores que van a utilizar PHP como lenguaje del lado del servidor.
Lejos es una de las opciones más básicas para subir archivos a nuestro servidor, sin embargo es interesante tenerla en cuenta cuando lo que buscamos es un sistema sencillo y que entienda perfectamente todo el mundo.El formulario para subir archivos utiliza la tecnología por defecto del navegador.
Como característica adicional tenemos un indicador de progreso que nos indica los kbytes subidos y la velocidad del servidor para hacerlo.

5. jQuery HTML5 Uploader
jQuery HTML5 Uploader es una propuesta interesante que emplea dos tecnologías modernas para hacerlo.La idea detrás de este proyecto es lograr una...