La web está construida sobre una base de diferentes tipos de archivos. Ya se trate de fotografías, contenido de video como películas, sus documentos personales de Word, documentos de texto o archivos orientados a la programación, estamos cambiando e intercambiando archivos constantemente entre nosotros.

Es una de las principales razones por las que existen servicios como Dropbox, para ayudarnos a administrar y sincronizar nuestros archivos dondequiera que estemos. Si usted es un usuario habitual de Internet, sabrá la importancia de compartir archivos y lo crucial que puede ser tener acceso a servicios confiables de intercambio de archivos para compartir nuestros archivos de manera segura, conveniente y efectiva.

Si usted es un desarrollador web, es posible que se sienta atraído por la idea de crear su propio sitio web para compartir archivos, o tal vez esté buscando complementar un diseño web existente con una funcionalidad para compartir archivos que permita a sus clientes o visitantes compartir sus propios archivos.

Hay muchas maneras de verlo, pero para llegar tan lejos, necesitamos encontrar una solución confiable para cargar y administrar archivos en nombre propio y en nombre de otros. Es por eso que hemos recopilado una lista de los scripts de carga de archivos jQuery más destacados y mejores que podrá usar para cargar y optimizar sus archivos.

Debido a que hay tantas opciones, queremos mencionar que ninguna opción es la mejor, sino que en su lugar se debe investigar de cerca el objetivo final para cada requisito, por lo que si está buscando crear un script de carga de archivos personales para cargar sus archivos personales, elija un script de carga más mínimo, pero si su agenda es crear un sitio web de administración de archivos multifuncional, eche un vistazo a los scripts que proporcionan una funcionalidad más extendida, seguramente encontrará un poco de todo en nuestra lista aquí.

Closify

Como hemos aprendido, los usuarios que suben contenido puede servir para muchos propósitos diferentes, y comenzamos nuestra jQuery file uploader lista con un perfecto ejemplo de esa afirmación. Closify es una biblioteca de carga y administración de imágenes de jQuery que los desarrolladores pueden usar para manipular imágenes tan pronto como se cargan, ya sea con el propósito de un sitio web de fondo de pantalla, para usar para un script para comunidad personal que necesita cambiar el tamaño de las imágenes para los miembros de la comunidad, una página de administración de imágenes independiente para sus propias necesidades personales: con Closify puede cargar imágenes y en la misma página redimensionarlas, recortarlas y guardarlas. Sus imágenes recién redimensionadas o recortadas mantienen su relación de aspecto, lo que hace que el guion sea atractivo incluso para aquellos que comparten imágenes de citas y cosas por el estilo.

Descargar

Carga de archivos jQuery

La carga de archivos jQuery es la ilustración perfecta de cómo funciona la carga de archivos dentro de jQuery y cómo se puede usar para simplemente cargar y guardar archivos. Sin embargo, esta biblioteca ofrece una gama de funciones un poco más versátil. Para empezar, viene con 5 estilos diferentes para elegir, incluida la interfaz de usuario nativa de jQuery, y también para desarrolladores de AngularJS que necesitan una solución de carga de archivos rápida y confiable para sus proyectos.Las características de

incluyen los medios para arrastrar y soltar varios archivos desde su escritorio u otra carpeta directamente en el cargador, puede cancelar sus cargas y también reanudarlas, hay una barra de progreso para cada carga para que sepa cuándo están a punto de terminar las cosas, aquellos con navegadores modernos podrán editar imágenes después de cargarlas, y los mismos navegadores permitirán previsualizar todos los archivos cargados antes de finalizar. Funciona con cualquier plataforma del lado del servidor (PHP, Python, Ruby on Rails, Java, Node).js, Go, etc.) que admite cargas de archivos de formulario HTML estándar.

Descargar

jQuery.filer

jQuery.filer es otro complemento de gestión de archivos jQuery complejo que viene repleto de características tradicionales y nuevas que permitirán una experiencia de carga de archivos profunda. Las características incluyen elementos como validadores de archivos: especifique los límites del tamaño de los archivos que se suben, el número de archivos que se pueden cargar o incluso el tipo de archivos que se pueden cargar. Un editor que se puede usar para previsualizar archivos o editarlos directamente desde el navegador, dado que su navegador admite las llamadas a la API necesarias para dichos eventos. jQuery.filer también cuenta con su propia API, lo que significa que puede manipular libremente la apariencia y la funcionalidad de su cargador. La documentación cubre todos los aspectos de las posibles llamadas y eventos que puede comenzar a usar de inmediato.

Descargar

Cargador de archivos Ajax de jQuery

El cargador de archivos Ajax de jQuery es un gran ejemplo de lo simples (pero modernos) que pueden ser los cargadores de archivos. Aquí tenemos un cargador que utiliza un enfoque simple de carga de archivos con la opción de múltiples archivos, y un widget de barra de progreso simple dentro de la misma página. Aparte de ser construido para el navegador moderno, este plugin requerirá un poco de conocimiento/habilidades de JavaScript y AJAX para establecer los parámetros apropiados dentro de la configuración para que pueda crear la experiencia adecuada para usted, pero incluso entonces, la mayoría de los parámetros son solo configuraciones de matriz tradicionales, y no requieren mucha reflexión para cambiar. Construido con Bootstrap.

Descargar

Entrada de archivos Bootstrap

La simplicidad y la potencia de la entrada de archivos Bootstrap te convencerán con seguridad. Esta herramienta de carga de archivos es compatible con Bootstrap 3 y 4. La integración será un poco fácil, asegurándose de que todos aprovechen al máximo con poco trabajo necesario. Acciones masivas, soporte de varios archivos, vista previa y contenido de arrastrar y soltar, todo esto y más es lo que la entrada de archivos Bootstrap es ideal para su conveniencia. Hojee la información de instalación y recopile toda la guía necesaria para la integración fluida de la función de carga de archivos en su aplicación. Además, es una herramienta gratuita, por lo que puede probar las aguas e incluso contribuir a ella.

Descargar

Filepond

Filepond es un nombre inteligente para un script de carga de archivos jQuery que acepta cualquier cosa y todo. Es una biblioteca JavaScript que da la bienvenida a todo tipo de archivos, incluso funciona con URLs, directorios, blobs, lo que sea. Las opciones y posibilidades son numerosas cuando se trabaja con Filepond, y no es necesario construirlo desde cero, ¿qué tan genial es eso? La experiencia del usuario también estará en punto en todo momento debido al excelente rendimiento de Filepond. Arrastrar y soltar archivos, navegación con el teclado, optimización de imágenes y capacidad de respuesta completa, estos son algunos de los aspectos más destacados de Filepond. Sí, también puedes usar Filepond para cargar en masa.

Descargar

Dragio.js

El aspecto moderno y creativo de Dragio atraerá a prácticamente cualquier persona y proyecto. De ahí el nombre, Dragio detecta la práctica función de arrastrar y soltar, pero también admite la opción Ctrl + v (o Comand + v) en el teclado. Por supuesto, el diseño funciona en múltiples dispositivos modernos y navegadores web, gracias a su completa fluidez. Siéntase libre de previsualizar Dragio primero y partir de ahí. Tienes acceso a todos los contenidos necesarios en GitHub, incluida la instalación y la documentación, para una ejecución rápida. Por supuesto, usted es libre de realizar ajustes de personalización adicionales a Dragio, por lo que se adapta a su proyecto o aplicación web a la perfección.

Descargar

Dropzone

Dropzone es un moderno cargador de archivos de arrastrar y soltar que funciona dentro de un widget de componente en el sitio web que está tratando de usar, aunque también admite el concepto tradicional de clic y carga. Si planea usar Dropzone para cargar imágenes, la biblioteca admite la edición de imágenes en vivo después de cargar los archivos: edición, cambio de tamaño, recorte, etc. Todas las rutas de archivo y configuraciones de tipo de archivo ocurren en segundo plano, por lo que debe trabajar con los archivos de configuración antes de iniciar el script en un servidor de producción. La página de inicio oficial de Dropzone tiene toda la documentación que necesita para comenzar de inmediato.

Descargar

Fine Uploader

Otra solución de carga de archivos jQuery a gran escala se llama Fine Uploader — una biblioteca jQuery muy popular para cargar, administrar y escalar archivos. Algunas de las características destacadas de Fine Uploader incluyen la capacidad de reintentar cargas de archivos fallidas, no desde el principio, sino desde el último fragmento que no se cargó; esto también es parte de la biblioteca real, llamada división y fragmentación de archivos. Fine Uploader es totalmente compatible con la administración de archivos en la nube, lo que significa que puede cargar archivos en Amazon S3 o Azure de Microsoft, y otras características más simples incluyen el permiso para editar y eliminar archivos a medida que se cargan. Esta es prácticamente una solución completa para cualquier sitio que necesite una solución confiable de carga de archivos en la que tal vez participe una comunidad más grande de usuarios activos.

Descarga

Flujo.js

Vamos a mantener el flujo de nuestros scripts de carga de archivos, con otro gran recurso llamado Flujo.js! Flujo.js es una biblioteca JavaScript que proporciona múltiples cargas simultáneas, estables y reanudables a través de la API de archivos HTML5. La biblioteca no requiere dependencias de terceros. Cuenta con capacidades como pausar y reanudar la carga de archivos, recuperar cargas perdidas y manejar errores dentro del cargador. Tiene una solución de carga de archivos de arrastrar y soltar, capacidad para cargar carpetas COMPLETAS y vista previa de archivos para archivos de imagen. Además, tiene barras de progreso para mantenerte al tanto del progreso de los archivos que estás cargando. Carga de fragmentos para asegurarse de que puede recuperar las piezas perdidas de las cargas que han fallado y, en su lugar, reanudarlas a partir de ese punto para ahorrar tiempo y dolor de cabeza.

Descargar

Formstone

Formstone es exclusivo de nuestra lista de una manera que en realidad es una multitud de productos dentro de un solo proyecto. Pero Formstone tiene un componente de carga que es una solución de gestión de carga de archivos muy útil y muy funcional. Ofrecen esta solución para sitios web y aplicaciones, tanto pequeñas como grandes. El componente ligero cuenta con una sencilla interfaz de arrastrar&(con interacción de clic) que le permite cargar uno o varios archivos con una barra de progreso ligera adjunta. Es una solución muy eficaz para los sitios web que están buscando componentes adicionales sin la grasa pesada unida a ellos. Pero también, Formstone es un proyecto en sí mismo. Puede unir las otras docenas de componentes y crear un proyecto web o de aplicación a partir de eso. Obtenga más información sobre Formstone para comprender completamente la interacción entre la variedad de componentes que ofrecen.

Descargar

Cargador de archivos

Cargador de archivos es un ejemplo elegante y técnico de cómo los navegadores web modernos pueden ser geniales. Pueden soportar las necesidades de carga de archivos rápidos y de sonido del usuario web moderno. Puede crear varias llamadas para ayudar a administrar los archivos, pero las muchas características principales realmente se destacan. Estas son la carga de archivos de arrastrar y soltar, las barras de progreso y la capacidad de asignar cada carga de archivos a un usuario específico. Esta carga de archivos es donde el propio usuario menciona su nombre. Podemos ver cómo se podría modificar en una solución completamente funcional para cargas de archivos protegidas por contraseña y demás.

Descargar

PekeUpload

PekeUpload es una solución de componentes ligeros para diseñadores web. Pueden usarlo como un widget de sitio web para cargar archivos utilizando una combinación de funciones jQuery + HTML5. Construido con Bootstrap, PekeUpload es increíblemente fácil de diseñar y ofrece toneladas de formas de extenderse. Con PekeUpload, usted mantiene el control de la carga de sus archivos. Puede establecer límites de tamaño de archivo y elegir el tipo de archivo que el componente va a aceptar. Si las notificaciones de errores tradicionales te cansan, puedes estar seguro de que puedes configurar tus propias notificaciones de errores personalizadas. Puede previsualizar el contenido visual directamente antes y después de cargarlo.

Download

Backbone Upload Manager

Backbone suministra estructura a aplicaciones con mucho JavaScript al proporcionar modelos con enlaces clave-valor y eventos y colecciones personalizados. Contienen una rica API de funciones enumerables y vistas con gestión de eventos declarativos. También puede conectarlo a toda su aplicación existente a través de una interfaz JSON RESTful. Es un framework JavaScript muy conocido, y el Administrador de carga de Backbone es el complemento perfecto para este framework y sus usuarios. La interfaz de usuario, y la experiencia real, es muy moderna con una lista sólida de características y capacidades. Estas son cualidades que solo un marco sólido como Backbone podría proporcionar.

Descargar

FileDrop

FileDrop.js es una biblioteca de carga de archivos optimizada para JavaScript que se centra en la carga directa de archivos del navegador. Tiene alertas de notificación personalizadas, sin mucha otra funcionalidad. Seleccione o arrastre sus archivos, haga clic en cargar y espere a que se le notifique de una carga exitosa. Existe la posibilidad de habilitar la carga de varios archivos si es necesario.

Descargar

FileAPI

Los desarrolladores pueden, por supuesto, crear su propia biblioteca jQuery para la gestión de archivos. Tiene sentido, ya que proporciona mucha experiencia de aprendizaje. Además, terminas siendo el que está a cargo de la base de código. Otra forma de resolver el problema es confiar en una API que se ha creado para un solo propósito. En este caso, es carga de archivos y administración de archivos. Recomendamos buscar en FileAPI. Se trata de un proyecto completamente desarrollado que proporciona las funciones, llamadas y eventos necesarios para crear cargadores de archivos para aplicaciones de escritorio. También pueden hacer esto para aplicaciones móviles y proyectos web en general.

Descargar

Plupload

Plupload es uno de esos proyectos que tomó mucho para madurar, pero no porque no tenía experiencia. Se debe a que había un número limitado de funciones que los lenguajes podían proporcionar a la web en ese momento. Ahora que HTML5 está cambiando el panorama del desarrollo web, Plupload es realmente capaz de brillar. Plupload es una API de gestión de carga de archivos que proporciona una serie de herramientas y características para crear cargadores de archivos reforzados. Pueden hacer esto en pocos minutos, en lugar de tener que codificar el suyo propio durante varias semanas.

Descargar

Resumible.js

Esto proporciona un entorno de carga de archivos simple que permite múltiples cargas, pausar y reanudar las cargas, y una estabilidad general. Puede dividir fácilmente archivos grandes en varios trozos para permitir cargas reanudables. Puede estar seguro de que su archivo seguirá siendo cargado desde el mismo lugar que lo dejó. Puede cargar su archivo incluso cuando la conexión va loco en la transición.

Download

Uploadify

¿Qué tal un cargador de archivos HTML5 totalmente funcional que use un poco de jQuery para pulir la Experiencia del usuario? Bueno, para aquellos interesados podemos recomendar Uploadify. Los desarrolladores lo construyeron con una biblioteca de JavaScript y tienen ese propósito exacto en mente. Los desarrolladores también agregaron una versión Flash para aquellos que creen en las tradiciones de la vieja escuela. Ya hay foros comunitarios llenos de temas y preguntas de apoyo. Pero, por lo que podemos decir, los foros de la comunidad realmente no han estado activos durante los últimos dos años.

Descargar

¡Gracias por visitar Colorlib y leer este artículo! ¡Lo apreciamos mucho! Ahora es posible que desee aprender a crear un sitio web utilizando nuestros temas gratuitos de WordPress.