O gerenciamento de arquivos é uma ferramenta útil em qualquer aplicativo de negócios. Aqui está uma visão geral dos gerenciadores de arquivos JavaScript mais funcionais, elegantes e populares, prontos para serem integrados à solução cliente-servidor. Mesmo se você não tiver uma necessidade direta de trabalhar com arquivos, pode pedir emprestada a interface clássica do explorador de arquivos para outras tarefas.
Então, vamos dar uma olhada em alguns gerenciadores de arquivos!
1- Gerenciador de arquivos Webix
Webix File Manager é um SPA pronto para uso. Sua interface foi projetada para facilitar o processo de customização e integração em soluções de terceiros. A versão mais recente contém vários recursos:
- modo de painel duplo
- painel de visualização
- suporte de miniaturas para arquivos de imagem
- reprodutor de mídia embutido
- editor de texto
Os usuários expressam seu conteúdo com o widget. Por exemplo, Emmanual Onah o usou em uma plataforma de gerenciamento de projetos para tradutores autônomos. Você pode aprender mais sobre sua experiência na vitrine .
Site : https://webix.com/filemanager/
Link para download : https://webix.com/filemanager/download.html
2- Syncfusion File Explorer
Esta é uma ferramenta simples de gerenciamento de arquivos que se parece muito com o Windows File Explorer. É oferecido pelo popular produto Syncfusion. Os desenvolvedores forneceram um design de interface simplificado, presumindo que os usuários desenvolveriam e integrariam sua visão. O controle executa todas as operações básicas de arquivo, como upload, download, exclusão, criação, classificação, pesquisa e renomeação, juntamente com uma opção pronta para usar para visualizar imagens no sistema de arquivos.
Aqui está a lista de recursos:
- design de layout personalizável
- upload e download de arquivo
- Ordenação
- procurando
- arraste e solte
- seleção de controle de acesso
- seleção de vários arquivos
- localização
O layout do Gerenciador de arquivos JavaScript oferece suporte a vários temas integrados: Material, Bootstrap, Fabric (Office 365) e alto contraste. Qualquer um desses temas integrados pode ser definido ou há uma oportunidade para os usuários criarem novos temas. Isso é possível simplesmente substituindo as variáveis SASS ou usando o aplicativo Theme Studio.
Site: https://www.syncfusion.com/javascript-ui-controls/js-file-manager
Download: https://www.syncfusion.com/downloads/essential-js2
3- Bootstrap File Manager SDK
Este é outro explorador brilhante e poderoso, anteriormente conhecido como AlphaManager. Se você vai desenvolver seu projeto na plataforma Bootstrap, esta será a escolha certa. O DevExpress Bootstrap File Manager fornece uma interface de usuário intuitiva projetada para gerenciar arquivos e pastas de forma semelhante ao Microsoft File Explorer.
Os recursos incluem:
- a capacidade de renomear, copiar, mover e excluir pastas e arquivos;
- suporte para diferentes fontes de dados do sistema de arquivos (físico, fonte de dados, armazenamento em nuvem);
- a capacidade de baixar e fazer upload de arquivos;
- controle de acesso integrado com suporte para funções de segurança.
Site: https://js.plus/products/file-manager
4- Gerenciador de arquivos DHTMLX
DHTMLX oferece um gerenciador de arquivos de alta qualidade. É uma ferramenta conveniente para a criação de aplicativos amigáveis para o gerenciamento do sistema de arquivos. Ajuda os usuários a realizar as operações de arquivo mais comuns, como upload, edição e organização de arquivos em pastas. O explorer suporta arquivos de qualquer formato e permite controlar o espaço restante.
Os usuários podem desfrutar dos seguintes recursos da solução:
- modos de visualização de grade ou lista
- classificar pela ordem alfabética crescente ou decrescente
- suporte de menu de contexto
- detalhes do arquivo
Além disso, o modelo de explorador de arquivos DHX afirma ter uma navegação fácil. Permite organizar pastas na estrutura em árvore e buscar os itens necessários digitando o nome na caixa de busca. Esta demonstração de gerenciamento de arquivos JavaScript segue as diretrizes do Material Design do Google.
Site: https://dhtmlx.com/docs/products/dhtmlxFileManager/
5- DevExtreme
Esta biblioteca oferece uma solução simples, mas concisa para o gerenciamento de arquivos. O widget Gerenciador de arquivos pode exibir uma coleção de itens hierárquicos que apresentam uma estrutura do sistema de arquivos. O widget permite que os usuários finais carreguem e selecionem arquivos facilmente e alterem a estrutura de pastas (renomear, mover, copiar e excluir arquivos e pastas). Os recursos de gerenciamento de arquivos e pastas são totalmente personalizáveis e podem ser desativados, se necessário.
Site: https://js.devexpress.com/Demos/WidgetsGallery/Demo/FileManager/Overview/jQuery/Light/
6- elFinder
Um gerenciador de arquivos muito simples, mas funcional, construído com jQuery. As desvantagens do gerenciador incluem a incapacidade de alterar a altura da janela principal, que é fixada em 400px. A ferramenta permite que você crie um editor visual. Possui a opção de adicionar imagens ao texto. Se um gerenciador de arquivos estiver habilitado, você pode baixar e obter um link para a imagem em dois cliques. Além de enviar imagens para o site, você também pode enviar arquivos, arquivos, documentos, etc. Um link de download pode ser especificado na página criada.
Os recursos do ElFinder incluem:
- criação e exclusão de pastas e subpastas
- enviando arquivos de qualquer tipo
- baixando arquivos do site
- olhada rápida
- copiando e movendo arquivos
- arquivando e descompactando o conteúdo
- renomeando arquivos
- edição de imagens (cortar, redimensionar, girar)
- upload de arquivos para armazenamento em nuvem
Site: https://github.com/Studio-42/elFinder
7- MooTools FileManager
MooTools FileManager permite que você visualize, baixe e modifique arquivos e pastas usando um navegador. As características do gerente são:
- ver arquivos e pastas no servidor
- renomear, excluir, mover (arrastar e soltar), copiar e baixar arquivos
- imagens de visualização, arquivos de texto, arquivos compactados ou áudio
- interface de usuário atraente
- fazer upload de arquivos via FancyUpload (recurso integrado)
- alterar o tamanho de imagens grandes ao carregar
Site: https://mootools.net/forge/p/mootools_filemanage
8- AjaXplorer
AjaXplorer é um gerenciador de arquivos gratuito indispensável para o gerenciamento remoto de arquivos em um servidor web. É adequado para vários fins, como gerenciamento de arquivos, galeria de fotos, visualização de código, etc. Requer PHP (4 ou 5), nenhum banco de dados necessário.
O gerente possui vários recursos:
- renomear, copiar, mover, remover, fazer download de arquivos ou pastas
- fazer upload de vários arquivos
- rastreie o status na barra de progresso (Flash necessário)
- criar pastas e arquivos
- editar arquivos de texto e scripts (JS, PHP, HTML, Java, SQL, Perl)
- ver fotos e imagens
- ouvir MP3s online sem baixar watchFlash video (FLV) em tela cheia
- ver e extrair arquivos ZIP
Site: https://pydio.com/en/
Download: https://pydio.com/download/
9- CKFinder
O CKFinder é um gerenciador de arquivos poderoso e fácil de usar para navegadores da web. Sua interface amigável e intuitiva permite que você aprenda rapidamente para todos os tipos de usuários, desde profissionais até iniciantes.
Os recursos incluem:
- upload de arquivo seguro
- resposta rápida
- interface fácil e amigável
- criar, renomear e excluir pastas e arquivos
- suporte multilíngue com detecção automática de idioma do usuário
- visualização de imagens de alta qualidade
- árvore de pastas
Site: https://ckeditor.com/ckfinder/
Download: https://ckeditor.com/ckfinder/download/
10- FileRun
FileRun é um sistema de gerenciamento de arquivos (em PHP) que permite que você gerencie arquivos armazenados em seu servidor web usando uma interface amigável (Ajax). FileRun é totalmente escrito em PHP, e o navegador é a única coisa que o usuário precisa para trabalhar com arquivos. Você pode acessar facilmente seus documentos ou arquivos de qualquer computador que tenha uma conexão com a Internet por meio de um navegador padrão.
Os recursos são:
- interface conveniente baseada em Ajax
- baixar e arquivar pastas
- carregar pastas (sem arquivar ou descompactar)
- espaço ilimitado para baixar arquivos
- fácil gerenciamento de arquivos já existentes no sistema de arquivos (sem necessidade de importação)
Site: https://www.filerun.com
Download: https://filerun.com/download
Conclusão
Enquanto este artigo era escrito, mais algumas soluções de gerenciamento de arquivos podem ter sido desenvolvidas e isto é ótimo!