Los 10 mejores administradores de archivos de Javascript

La gestión de archivos es una herramienta útil en cualquier aplicación empresarial. Aquí hay una descripción general de los administradores de archivos de JavaScript más funcionales, elegantes y populares, listos para integrarse en la solución cliente-servidor. Incluso si no tiene una necesidad directa de trabajar con archivos, puede tomar prestada la interfaz clásica del explorador de archivos para otras tareas. Por ejemplo, hay algunos casos en los que la interfaz clásica se convirtió en la base de una nueva aplicación web en este artículo .

Entonces, ¡echemos un vistazo a los administradores de archivos!

1. Administrador de archivos Webix

Webix File Manager es un SPA listo para usar. Su interfaz está diseñada para facilitar el proceso de personalización e integración en soluciones de terceros. La versión más reciente contiene numerosas funciones:

1. modo de doble panel
2. panel de vista previa
3. soporte de miniaturas para archivos de imagen
4. reproductor multimedia integrado
5. editor de texto

Los usuarios expresan su contenido con el widget. Por ejemplo, Emmanual Onah lo usó en una plataforma de gestión de proyectos para traductores autónomos. Puedes conocer más sobre su experiencia en la vitrina .

Sitio web : https://webix.com/filemanager/
Enlace de descarga : https://webix.com/filemanager/download.html

2. Explorador de archivos de Syncfusion

Esta es una herramienta de administración de archivos simple que se parece mucho al Explorador de archivos de Windows. Lo ofrece el popular producto Syncfusion. Los desarrolladores proporcionaron un diseño de interfaz simplificado, asumiendo que los usuarios desarrollarían e integrarían su visión. Control realiza todas las operaciones básicas de archivos, como cargar, descargar, eliminar, crear, ordenar, buscar y renombrar junto con una opción lista para usar para obtener una vista previa de las imágenes en el sistema de archivos.

Aquí está la lista de características:

1. diseño de diseño personalizable
2. carga y descarga de archivos
3. clasificación
4. buscando
5. arrastrar y soltar
6. selección de control de acceso
7. selección de archivos múltiples
8. localización

El diseño de JavaScript File Manager admite varios temas integrados: Material, Bootstrap, Fabric (Office 365) y alto contraste. Cualquiera de estos temas integrados se puede configurar o los usuarios tienen la oportunidad de crear nuevos temas. Esto es posible de lograr simplemente anulando las variables SASS o usando la aplicación Theme Studio.

Sitio web: https://www.syncfusion.com/javascript-ui-controls/js-file-manager

Descargar: https://www.syncfusion.com/downloads/essential-js2

3. SDK del administrador de archivos Bootstrap

Este es otro explorador brillante y poderoso, anteriormente conocido como AlphaManager. Si vas a desarrollar tu proyecto sobre la plataforma Bootstrap, esta será la elección correcta. DevExpress Bootstrap File Manager proporciona una interfaz de usuario intuitiva diseñada para administrar archivos y carpetas de manera similar a Microsoft File Explorer.

Las características incluyen:

1. la capacidad de cambiar el nombre, copiar, mover y eliminar carpetas y archivos;
2. soporte para diferentes fuentes de datos del sistema de archivos (física, fuente de datos, almacenamiento en la nube);
3. la capacidad de descargar y cargar archivos;
4. control de acceso incorporado con soporte para roles de seguridad.

Sitio web: https://js.plus/products/file-manager

4. Administrador de archivos DHTMLX

DHTMLX ofrece un administrador de archivos de alta calidad. Es una herramienta conveniente para crear aplicaciones fáciles de usar para administrar el sistema de archivos. Ayuda a los usuarios a realizar las operaciones de archivo más comunes, como cargar, editar y organizar archivos en carpetas. El explorador admite archivos de cualquier formato y permite realizar un seguimiento del espacio restante.

Los usuarios pueden disfrutar de las siguientes características de la solución:

1. modos de vista previa de cuadrícula o lista
2. clasificación por orden alfabético ascendente o descendente
3. soporte de menú contextual
4. detalles del archivo

Además, la plantilla del explorador de archivos DHX afirma tener una navegación sencilla. Permite organizar carpetas en la estructura de árbol y buscar los elementos necesarios escribiendo el nombre en el cuadro de búsqueda. Esta demostración de administración de archivos JavaScript sigue las pautas de diseño de materiales de Google.

Sitio web: https://dhtmlx.com/docs/products/dhtmlxFileManager/

5. Desarrollo extremo

Esta biblioteca ofrece una solución simple pero concisa para administrar archivos. El widget Administrador de archivos puede mostrar una colección de elementos jerárquicos que presentan una estructura de sistema de archivos. El widget permite a los usuarios finales cargar y seleccionar archivos fácilmente y cambiar la estructura de carpetas (renombrar, mover, copiar y eliminar archivos y carpetas). Las capacidades de administración de archivos y carpetas son totalmente personalizables y se pueden desactivar si es necesario.

Sitio web: https://js.devexpress.com/Demos/WidgetsGallery/Demo/FileManager/Overview/jQuery/Light/

6. elFinder

Un administrador de archivos muy simple pero funcional creado con jQuery. Las desventajas del administrador incluyen la incapacidad de cambiar la altura de la ventana principal, que se fija en 400px. La herramienta le permite construir en un editor visual. Tiene una opción para agregar imágenes al texto. Si un administrador de archivos está habilitado, puede descargar y obtener un enlace a la imagen con dos clics. Además de cargar imágenes al sitio, también puede cargar archivos, archivos, documentos, etc. Se puede especificar un enlace de descarga en la página creada.

Las características de ElFinder incluyen:

1. crear y eliminar carpetas y subcarpetas
2. subir archivos de cualquier tipo
3. descargar archivos del sitio
4. Vista rápida
5. copiar y mover archivos
6. archivar y descomprimir el contenido
7. renombrar archivos
8. edición de imágenes (recortar, cambiar el tamaño, rotar)
9. subir archivos al almacenamiento en la nube

Sitio web: https://github.com/Studio-42/elFinder

7. Administrador de archivos MooTools

MooTools FileManager le permite ver, descargar y modificar archivos y carpetas usando un navegador. Las características del administrador son:

1. ver archivos y carpetas en el servidor
2. cambiar el nombre, eliminar, mover (arrastrar y soltar), copiar y descargar archivos
3. previsualizar imágenes, archivos de texto, archivos comprimidos o audio
4. interfaz de usuario atractiva
5. cargar archivos a través de FancyUpload (característica integrada)
6. cambiar el tamaño de las imágenes grandes al cargar

Sitio web: https://mootools.net/forge/p/mootools_filemanager

8. AjaXplorer

AjaXplorer es un administrador de archivos gratuito que es indispensable para la administración remota de archivos en un servidor web. Es adecuado para varios propósitos, como administración de archivos, galería de fotos, visualización de código, etc. Requiere PHP (4 o 5), no necesita base de datos.

El administrador tiene numerosas características:

1. renombrar, copiar, mover, eliminar, descargar archivos o carpetas
2. subir varios archivos
3. seguir el estado en la barra de progreso (se requiere Flash)
4. crear carpetas y archivos
5. editar archivos de texto y scripts (JS, PHP, HTML, Java, SQL, Perl)
6. ver fotos e imágenes
7. escuche MP3 en línea sin descargar watchFlash video (FLV) en pantalla completa
8. ver y extraer archivos ZIP

Sitio web: https://pydio.com/en/

Descargar: https://pydio.com/download/

9. Buscador de CK

CKFinder es un administrador de archivos potente pero fácil de usar para navegadores web. Su interfaz fácil de usar e intuitiva le permite aprenderlo rápidamente para todo tipo de usuarios, desde profesionales hasta principiantes.

Las características incluyen:

1. carga segura de archivos
2. respuesta rápida
3. interfaz fácil y fácil de usar
4. crear, renombrar y eliminar carpetas y archivos
5. compatibilidad con varios idiomas con detección automática del idioma del usuario
6. vista previa de alta calidad de las imágenes
7. árbol de carpetas

Sitio web: https://ckeditor.com/ckfinder/

Descargar: https://ckeditor.com/ckfinder/download/

10. Ejecutar archivo

FileRun es un sistema de administración de archivos (en PHP) que le permite administrar archivos almacenados en su servidor web mediante una interfaz fácil de usar (Ajax). FileRun está completamente escrito en PHP, y el navegador es lo único que necesitará el usuario para trabajar con archivos. Puede acceder fácilmente a sus documentos o archivos desde cualquier computadora que tenga una conexión a Internet a través de un navegador estándar.

Las características son:

1. conveniente interfaz basada en Ajax
2. descargar y archivar carpetas
3. cargar carpetas (sin archivar o con descomprimir)
4. espacio ilimitado para descargar archivos
5. fácil gestión de archivos ya existentes en el sistema de archivos (no se requiere importación)

Sitio web: https://www.filerun.com/

Descargar: https://filerun.com/download

Conclusión

Mientras escribía esta revisión, es posible que se hayan desarrollado algunas soluciones de administración de archivos más. Entre los proyectos revisados, muchos continúan siendo apoyados y actualizados. Significa que la elección es cada vez más amplia, por lo que los programadores pueden encontrar una solución para cualquier proyecto peculiar.

Descargo de responsabilidad: el escritor de este artículo tiene un interés personal en Webix