a web é construída sobre uma base de diferentes tipos de arquivos. Quer se trate de fotografias, conteúdo de vídeo como filmes, seus documentos Word pessoais, documentos de texto, ou arquivos orientados de programação, estamos constantemente mudando e trocando arquivos uns com os outros.

é uma das principais razões pelas quais serviços como o Dropbox existem, para nos ajudar a gerir e sincronizar os nossos ficheiros onde quer que estejamos. Se você é um usuário regular da internet, você saberá a grande importância do compartilhamento de arquivos, e como é crucial ter acesso a serviços de compartilhamento de arquivos confiáveis, a fim de compartilhar nossos arquivos de forma segura, conveniente e eficaz.

Se você é um desenvolvedor web, você pode ser atraídos para a idéia de construir o seu próprio site de compartilhamento de arquivo, ou talvez você está olhando para complementar existente de web design com um arquivo de compartilhamento de funcionalidade que permitisse aos seus clientes ou visitantes para compartilhar seus próprios arquivos.

Existem muitas maneiras de olhar para ele, mas a fim de chegar até esse ponto, precisamos encontrar uma solução confiável para o upload e gerenciamento de arquivos em nome de nós mesmos, e em nome dos outros. É por isso que reunimos uma lista dos mais proeminentes e melhores scripts de upload de arquivos jQuery que você será capaz de usar para upload e otimizar seus arquivos.

Porque há tantas opções, queremos mencionar que a escolha não é a melhor, mas, em vez disso, deve-se investigar mais de perto o objetivo final para cada requisito, então, se você estiver olhando para criar um arquivo de script de upload para fazer o upload de seus arquivos pessoais e, em seguida, escolhe um mínimo de carregamento do script, mas se a sua agenda é criar um multi-funcional de gerenciamento de arquivos do site, dê uma olhada na scripts que fornecem mais funcionalidade estendida, você tem certeza de encontrar um pouco de tudo em nossa lista aqui.

Closify

Como aprendemos, conteúdo uploaders pode servir a muitos propósitos diferentes, e começamos o nosso arquivo jQuery uploader lista com um perfeito exemplo para essa afirmação. Closify é um fórum de upload de imagem e gerenciamento de biblioteca que os desenvolvedores podem usar para manipular as imagens, assim como eles são carregados, se a finalidade de um papel de parede site, para uso pessoal, comunitária script que precisa de redimensionamento de imagem para os membros da comunidade, independente de gerenciamento de imagem de página para suas próprias necessidades pessoais — com Closify você pode fazer upload de imagens, e na mesma página redimensionar, recortar e guardar. As suas imagens recentemente redimensionadas ou recortadas mantêm as suas proporções, o que torna o programa atraente mesmo para aqueles que estão a partilhar citações de imagens e assim.

Download

jQuery File Upload

jQuery File Upload é a ilustração perfeita de como o upload de ficheiros funciona dentro do jQuery e como pode ser usado para simplesmente carregar e gravar ficheiros. Esta biblioteca oferece uma gama ligeiramente mais versátil de recursos. Para começar, ele vem com 5 estilos diferentes para escolher, incluindo nativo jQuery UI, e também para os desenvolvedores AngularJS que precisam de uma solução rápida e confiável de Upload de arquivos para seus projetos.

Características incluem os meios para arrastar e soltar vários arquivos a partir do seu desktop ou outra pasta à direita para o uploader, você pode cancelar o seu uploads e também retomar-los, há uma barra de progresso para cada carregamento, assim você sabe quando as coisas estão prestes a ser concluído, aqueles com os navegadores modernos vai ser capaz de editar as imagens depois que eles são enviados, e o mesmo navegadores permitirá a visualização de todos os arquivos carregados antes de finalizar. Funciona com qualquer plataforma do lado do servidor (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) que suporta uploads de arquivos HTML padrão.

telecarregamento

jQuery.filer

jQuery.filer é outro plugin complexo de gerenciamento de arquivos jQuery que vem repleto de características tradicionais e novas que irão permitir uma experiência profunda de Upload de arquivos. Os recursos incluem coisas como validadores de arquivos — especificar os limites do tamanho do arquivo uploads, o número de arquivos que podem ser carregados, ou até mesmo o tipo de arquivos que podem ser carregados. Um editor que pode ser usado tanto para visualizar arquivos, ou diretamente editá — los a partir do navegador-dado que o seu navegador suporta as chamadas de API necessárias para tais eventos. Forum.o filer também possui sua própria API, o que significa que você pode manipular livremente a aparência e funcionalidade do seu uploader. A documentação cobre todos os aspectos de possíveis chamadas e eventos que você pode começar a usar imediatamente.

Download

Jquery Ajax File Uploader

jQuery Ajax File Uploader is a great example of how simple (yet modern) file uploaders can be. Aqui temos um uploader que usa uma abordagem simples de Upload de arquivos com a opção de vários arquivos, e um widget de barra de progresso simples dentro da mesma página. Além de ser construído para o navegador moderno, este plugin irá exigir um pouco de JavaScript e AJAX conhecimentos/competências para definir os parâmetros apropriados dentro da configuração, de modo que você pode criar a experiência certa para você, mas mesmo assim — a maioria dos parâmetros estão apenas a tradicional matriz de configurações, e não precisam de muito para pensar em mudar-se. Construído com suporte de inicialização.

Download

entrada de ficheiro de Bootstrap

a simplicidade e a potencialidade da entrada de ficheiro de Bootstrap Irão conquistá-lo de certeza. Esta ferramenta de envio de arquivos vem compatível com ambos Bootstrap 3 e 4. A integração será uma pequena brisa, garantindo que todos tirem o máximo partido dela com pouco trabalho necessário. Acções em massa, suporte a vários ficheiros, antevisão e conteúdo de arrastamento e largada, tudo isto e mais é o que a entrada de ficheiro Bootstrap rocks para a sua conveniência. Passe através da informação de instalação e reúna todas as orientações necessárias para a integração de recursos de upload do arquivo suave para o seu aplicativo. Além disso, é uma ferramenta Livre, então você é bem-vindo para testar as águas e até mesmo contribuir para isso.

Download

Filepond

Filepond é um nome inteligente para um jQuery file upload script que aceita qualquer coisa e tudo. É uma biblioteca JavaScript que recebe todos os tipos de arquivos, até mesmo trabalha com URLs, diretórios, blobs, você o nome. As opções e possibilidades são numerosas ao trabalhar com o Filepond – e você não precisa construí-lo do zero, quão legal é isso? A experiência do usuário também estará no ponto em todos os momentos devido ao excelente desempenho do Filepond. Arquivos Drag and drop, navegação por teclado, otimização de imagem e resposta completa, estes são alguns dos principais destaques que o Filepond esportes. Sim, você pode usar Filepond para o upload em massa, também.

telecarregamento

Dragio.js

The modern and creative look of Dragio will appeal to pretty much anyone and any project. Daí o nome, o Dragio detecta a função de arrastamento e largada conveniente, mas também suporta a opção Ctrl + v (ou Comand + v) no teclado. É claro que o layout funciona em vários dispositivos modernos e navegadores web, graças à sua fluidez completa. Sinta-se à vontade para visualizar o Dragio primeiro e ir a partir daí. Você tem acesso a todos os conteúdos necessários no GitHub, incluindo instalação e documentação, para a execução rápida. Claro, Você está livre para realizar ajustes adicionais de personalização para Dragio, então ele se encaixa seu projeto ou aplicação web para um tee.

Download

Dropzone

Dropzone é um uploader de arquivo de arrastar e largar moderno que funciona dentro de um elemento componente no site que você está tentando usá-lo, embora ele suporte o conceito tradicional de clique e upload também. Se planeia usar o Dropzone para o envio de imagens, a biblioteca suporta a edição de imagens ao vivo depois de os ficheiros serem enviados — edição, redimensionamento, recorte, etc. Todos os caminhos de arquivos e configurações de tipo de arquivo acontecem em segundo plano, então você precisa trabalhar com os arquivos de configuração antes de lançar o script em um servidor de produção. A página oficial da Dropzone tem toda a documentação que você precisa para começar imediatamente.

Download

Fine Uploader

outra solução de uploader de arquivos em grande escala jQuery é chamada de Fine Uploader-uma biblioteca de jQuery muito popular para uploading, gerenciamento e escala de arquivos. Alguns dos recursos de destaque do Fine Uploader incluem a capacidade de repetir uploads de arquivos falidos, não desde o início, mas a partir do último bloco que não foi carregado — isso também é uma parte da Biblioteca Real, chamado de chunking de arquivos e divisão. O Fine Uploader suporta totalmente a gestão de arquivos em nuvem, o que significa que você pode enviar arquivos na Amazon S3 ou Azure da Microsoft, e outras funcionalidades mais simples incluem a permissão para editar, excluir arquivos como eles estão sendo carregados. Esta é praticamente uma solução completa para qualquer site que precisa de uma solução de Upload de arquivos confiável, onde talvez uma comunidade maior de usuários ativos está envolvido. Transferir

fluxo.js

vamos manter o fluxo de nossos scripts uploader de arquivos indo, com outro grande recurso chamado Flow.js! Fluxo.js é uma biblioteca JavaScript que fornece múltiplas uploads simultâneas, estáveis e reutilizáveis através da API de arquivos HTML5. A biblioteca não necessita de dependências de terceiros. Ele possui capacidades como pausar e retomar uploads de arquivos, para recuperar uploads perdidos, e para lidar com erros dentro do uploader. Ele tem uma solução de Upload de arquivos arrastar e largar, a capacidade de carregar pastas inteiras, e antevisão de arquivos de imagem. Além disso, ele tem barras de progresso para mantê-lo sob controle sobre o progresso do arquivo que você está fazendo upload. Chunk uploads para se certificar de que você pode recuperar quaisquer peças perdidas de uploads que falharam, e em vez disso retomá-los a partir desse ponto para economizar tempo, e dor de cabeça.

Baixar

Formstone

Formstone é exclusivo à nossa lista de uma maneira que é, na verdade, uma infinidade de produtos dentro de um único projeto. Mas, Formstone tem um componente de Upload que é uma solução de gerenciamento de upload de arquivos muito utilizável e muito funcional. Eles oferecem esta solução para sites e aplicativos, tanto pequenos quanto grandes. O componente leve apresenta uma interface simples de drag&drop (com interação com o clique) que lhe permite enviar ficheiros simples ou múltiplos com uma barra de progresso leve anexada. É uma solução muito eficaz para sites que estão procurando por componentes extras sem a gordura pesada anexada a eles. Mas também, Formstone é um projeto dentro de si mesmo. Você pode juntar as outras dezenas de componentes e criar um projeto web ou app a partir disso. Saiba mais sobre o Formstone para compreender completamente a interação entre a variedade de componentes que eles têm para oferecer.

Download

File Uploader

File Uploader é um exemplo elegante e técnico de como os navegadores modernos podem ser grandes. Eles podem suportar as necessidades de upload de arquivos rápidos e de som do usuário web moderno. Você pode criar várias chamadas para ajudar a gerenciar os arquivos, mas as muitas características principais realmente se destacam. Estes são os arquivos arrastar e largar upload, barras de progresso, e a capacidade de alocar cada arquivo upload para um usuário específico. Este ficheiro upload é onde o próprio utilizador menciona o seu nome. Podemos ver como isso pode ser modificado em uma solução totalmente funcional para uploads de arquivos protegidos por senha e assim.

Download

PekeUpload

PekeUpload is a lightweight component solution for web designers. Eles podem usá-lo como um widget do site para upload de arquivos usando uma combinação jQuery + HTML5 de recursos. Construído com Bootstrap, PekeUpload é incrivelmente fácil de estilo e oferece toneladas de maneiras de se estender. Com o PekeUpload você continua no controle de seus uploads de arquivos. Você pode definir limites de tamanho de arquivo, e escolher o tipo de arquivo que seu componente vai aceitar. Se as notificações de erro tradicionais o cansarem, tenha a certeza de que pode definir as suas próprias notificações de erro personalizadas. Você pode visualizar o conteúdo visual diretamente antes e depois do upload. Download

Backbone Upload Manager

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections. Eles contêm uma rica API de funções enumeráveis, e vistas com movimentação declarativa de eventos. Ele também pode conectá-lo a toda a sua aplicação existente sobre uma interface JSON repousante. É um framework JavaScript muito conhecido, e o Backbone Upload Manager é o elogio perfeito para este framework e seus usuários. A Interface do Usuário, e a experiência real, é muito moderna com uma lista forte de recursos e capacidades. Estas são qualidades que apenas uma estrutura sólida como a espinha dorsal poderia fornecer.

Download

FileDrop

FileDrop.js é uma biblioteca de Upload de arquivos otimizada em JavaScript que se concentra no upload de arquivos do navegador direto. Ele tem alertas de notificação personalizada, sem muitas outras funcionalidades. Seleccione ou arraste os seus ficheiros, carregue em Enviar e espere que seja notificado de um envio bem sucedido. Há a capacidade de activar vários uploads de Ficheiros, se necessário.

Download

FileAPI

os programadores podem, naturalmente, construir a sua própria biblioteca jQuery para a gestão de ficheiros. Faz sentido, pois proporciona muita experiência de aprendizagem. Além disso, acabas por ser o responsável pela base de dados. Outra maneira de resolver o problema é confiar em uma API que foi construída para uma única finalidade. Neste caso, é o envio de ficheiros e a gestão de ficheiros. Recomendamos investigar o FileAPI. É um projeto totalmente desenvolvido que fornece as funções, chamadas e eventos necessários para criar uploaders de arquivos para aplicativos de desktop. Eles também podem fazer isso para aplicativos móveis e projetos web gerais.

Download

Plupload

Plupload é um dos projetos que levou muito tempo para amadurecer, mas não porque foi inexperiente. É porque havia um número limitado de linguagens de recursos foram capazes de fornecer para a web na época. Agora que o HTML5 está mudando a paisagem de desenvolvimento da web, o Plupload é realmente capaz de brilhar. Plupload é uma API de gerenciamento de upload de arquivos que fornece uma série de ferramentas e recursos para a construção de uploaders de arquivos reforçados. Eles podem fazer isso em poucos minutos, em vez de ter você code seu próprio ao longo de várias semanas. telecarregamento

Reutilizável.js

This provides a simple file upload environment that allows multiple uploads, pausing and resuming uploads, and an overall stability. Você pode facilmente dividir arquivos grandes em vários pedaços para permitir uploads reutilizáveis. Você pode ter certeza de que seu arquivo ainda vai acabar sendo carregado do mesmo lugar que você deixou. Ele pode fazer upload do seu arquivo mesmo quando a conexão fica louca na transição.

Download

Uploadify

Que tal um uploader de arquivos HTML5 totalmente funcional que usa um pouco de jQuery para polir a experiência do Usuário? Bem, para os interessados podemos recomendar Uploadify. Os desenvolvedores construíram-no com uma biblioteca JavaScript e eles têm esse propósito exato em mente. Os desenvolvedores também adicionaram uma versão Flash para aqueles que acreditam em tradições antigas. Há um fórum comunitário existente cheio de tópicos e perguntas de suporte. Mas, pelo que podemos dizer, os fóruns comunitários não têm estado ativos nos últimos anos.

baixar

Obrigado por visitar a Colorlib e ler este artigo! Agradecemos muito! Agora você pode querer aprender a fazer um site usando nossos temas WordPress grátis.