10 ‘plugins’ para subir archivos jQuery

10 ‘plugins’ para subir archivos jQuery

A veces es complicado subir archivos Ajax, sobre todo cuando estos tienen unas características específicas, como vista previa o arrastrar y soltar. Para facilitar este proceso existen diferentes plugins para subir archivos que tienen grandes interfaces de usuario y muchas opciones. 

BBVAOpen4U
|
26 Oct. 2016

1. Bootstrap File Imput: simplifica la inicialización de código extenso y mejora la funcionalidad de la entrada de archivos. Este plugin trabaja con la versión 3 de Bootstrap, y lo mejor es que muestra las imágenes antes de descargarlas en el servidor, así el usuario puede ver la imagen previamente.

2. Dropzone.js: una biblioteca de código abierto para cargar archivos de arrastrar y soltar y para previsualizar imágenes en miniatura. También permite especificar los tamaños de las imágenes o cambiar el nombre de los archivos que se suben.

3. FineUploader: es una herramienta de subida flexible y activa escrita en JavaScript, aunque también existe como plugin de jQuery. Entre sus características, destacan la partición simultánea, el remarcado, editar los nombres de los archivos y eliminarlos.

4. Formstone Upload: se trata de una biblioteca del lado frontal que ayuda a desarrollar proyectos web más rápido a través de la abstracción de patrones modernos que se pueden personalizar. Una de sus características más importantes es que es responsive, sus componentes están diseñados para asegurar la usabilidad de uso independientemente de su tamaño. Además, es un plugin modular, automatizado y que se puede personalizar fácilmente.

5. jQuery.filer: plugin con el que se puede diseñar cualquier archivo a través de HTML, CSS o de las plantillas que jQuery.filer incluye por defecto. A través de su API permite manipular su entrada. Para manejar cada una de las peticiones de subida incorpora la clase PHP. Este plugin se centra en la interfaz del usuario y tiene una arquitectura modular habilitar o deshabilitar componentes fácilmente.

6. jQuery File Upload: como Dropzone, este plugin ofrece muchas opciones para subir archivos. Además, incluye integraciones prefabricadas para jQuery UI y Angular JS.

7. jQuery HTML5 Uploader: a través de este plugin se puede arrastrar y soltar archivos en un elemento para después cargar un archivo o varios directamente a la URL que se especifique. La función de carga se divide en dos operaciones asíncronas: los archivos del lado del cliente se cargan a través de la memoria del navegador mediante el objeto FileReader, que permite que las aplicaciones web asíncronas lean los archivos que el usuario tiene en su ordenador. Por otra parte, la operación de la parte del servidor consiste en enviar una cadena de archivos binarios a la postURL.

8. jQuery Upload File: para cargar diferentes tipos de archivos, como imágenes o localización, rápidamente y con mucha facilidad. Permite construir diferentes interfaces de usuario a través de plantillas personalizadas.

9. Plupload: una gran opción si se pretende comenzar a incorporar una interfaz de usuario fuera de la caja. Ofrece pocas opciones de personalización, pero sí varios temas en diferentes idiomas y retrocesos de Flash y de Silverlight

10.Uploadify: es un plugin que permite añadir fácilmente la funcionalidad de carga de archivos en un sitio web. Lo hay en dos versiones: Flash y HTML5, que tienen flexibilidad para elegir la opción correcta para un determinado sitio web.

Fuentes: Sitepoint e Igloolab

¡Suscríbete!

Recibe nuestro boletín semanal. No te pierdas nuestros trucos, consejos, artículos y los eventos más innovadores.