Existe um bom plug-in de upload de arquivos arrastar e soltar jQuery? [fechadas]

174

Existe um plug-in jQuery bonito e organizado que permite incluir um único script JS e usar um snippet simples para ativar um formulário? Algo assim:

$j('#MyForm').enableDragDropUploads('.upload-area')

Com o destino do upload sendo a ação do formulário.

Qualquer solução não deve impedir que um campo de arquivo comum seja utilizável (usando o método de navegação tradicional).

Eu só preciso de um arquivo por vez, embora, é claro, ter a opção de múltiplos não seja uma coisa ruim.

Encontrei alguns exemplos de upload com arrastar e soltar:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / html5-arrastar e soltar-upload de vários arquivos

Mas o código não está configurado como um plugin. Provavelmente não é muito difícil alterá-lo, mas também não faz sentido fazê-lo se alguém já fez esse trabalho e está simplesmente fugindo das minhas pesquisas no Google.

Idealmente, estou procurando uma solução HTML5 / jQuery pura.
Um Google Gears é aceitável, mas uma solução Flash não.

— Peter Boughton
fonte

3

Essa solução funciona apenas na versão Bleeding edge do firefox. Atualmente, não há suporte fora do firefox 3.6. Como esse é o caso, é improvável que você encontre um plug-in jQuery e provavelmente precisará fazê-lo.

— Jojo

1

Bah. A versão Alpha está lançada há alguns meses, o que deve ser suficiente. : / Acho que vou criar o plugin eu mesmo então. Responderá a pergunta assim que eu terminar.

— Peter Boughton

@PeterBoughton Se você não tiver terminado esse plugin ainda, você pode querer aceitar uma resposta

— Básico

Obrigado pelo prompt Basic. Não vejo isso há muito tempo, mas parece que há um favorito claro (e, de uma olhada rápida, parece decente), então vou aceitá-lo.

— Peter Boughton

Para um uploader JavaScript em movimento rápido, com suporte excepcional e rico em recursos, sem dependências, dê uma olhada no Fine Uploader , anteriormente conhecido como valums / upload de arquivos.

— precisa saber é o seguinte

134

Dê uma olhada neste: http://aquantum-demo.appspot.com/file-upload

Ele também lida com o upload de vários arquivos!

— Ciaran
fonte

7

Apenas testado. É muito bom para Chrome e Firefox. Degrada ao botão de upload normal no IE. (mas, portanto, é livre de flash ...)

— Frank Nocke

2

Também estou procurando um plug-in de upload de arquivos, este não funciona agora-2015 (talvez tenha funcionado em 2011). Alguém conhece um plug-in "fileupload" em funcionamento?

— Eran Meir

30

Confira o recém- ¹ manipulador de upload libertado dos caras que criaram o editor TinyMCE. Ele possui um widget jQuery e parece que possui um bom conjunto de recursos e fallbacks.

http://www.plupload.com/

— Aaron Wagner
fonte

Eu recomendaria o uso do plupload, pois ele tira proveito de outras tecnologias para obter a melhor experiência do usuário.

— Rickyduck 8/08

O all_runtime não funciona para mim no Chrome 15, que deve ser o ponto, tente por si mesmo: plupload.com/example_all_runtimes.php

— Erik Johansson

1

Não é gratuito para uso comercial (usa GPL para a versão gratuita)

— Sachin Joseph

18

http://blueimp.github.com/jQuery-File-Upload/ = ótima solução

De acordo com os documentos , os seguintes navegadores suportam arrastar e soltar:

Firefox 4 ou superior
Safari 5+
Google Chrome
Microsoft Internet Explorer 10.0 ou superior

— Tommy W
fonte

15

Se você ainda está procurando um, acabei de lançar o meu: http://github.com/weixiyen/jquery-filedrop

Funciona para o Firefox 3.6 agora. Decidi não fazer o hack do Chrome por enquanto e deixei o Webkit acompanhar o FileReader () nas próximas versões do Safari e do Chrome.

Este plugin é compatível com o futuro.

FileReader () é o padrão oficial sobre algo como XHR.getAsBinary (), que foi descontinuado de acordo com o mozilla.

É também o único plug-in de arrastar e soltar da área de trabalho HTML5 que sei que permite enviar dados extras junto com o arquivo, incluindo dados que podem ser calculados no momento do upload com uma função de retorno de chamada.

— ressopoluição
fonte

1

A documentação é um pouco pequena (mesmo agora em 2013), mas funciona decentemente bem.

— dansan

1

Mas nenhuma demonstração ?! o que há com isso?

— Sagive SEO

15

Se você está procurando um que não dependa do Flash, o dropzonejs é uma boa notícia. Ele suporta vários arquivos e arraste e solte.

http://www.dropzonejs.com/

— Ross Gledhill
fonte

Sua recomendação original foi movida para github.com/Widen/fine-uploader em março.

— precisa saber é o seguinte

Obrigado por isso. Parece que agora é uma oferta paga (para uso comercial).

— Ross Gledhill

Está correto. Não podemos fornecer o nível de suporte e velocidade de desenvolvimento que oferecemos gratuitamente.

— precisa saber é o seguinte

Aqui está um bom tutorial de upload de imagem arrastar / soltar usando dropzonejs goo.gl/FVdkS0

— Satinder singh

Não é fácil integrar com o formulário existente. Por isso, decidi me afastar do dropzone.

— Usman Khalid

9

Eu criei um plugin que permite que você solte alguns arquivos em uma determinada área. Atualmente, este plugin funciona no Firefox, Safari e Chrome.

http://code.google.com/p/dnd-file-upload/

— user340084
fonte

8

Plug Shameless:

O Filepicker.io lida com o upload para você e retorna um URL. Ele suporta arrastar / soltar, navegador cruzado. Além disso, as pessoas podem fazer upload do Dropbox / Facebook / Gmail, o que é super útil em um dispositivo móvel.

— Liyan Chang
fonte

4

Que tal a versão mais recente do jQuery Fileuploader: http://pixelcone.com/fileuploader/

É um poderoso plugin de upload de arquivos, muito fácil de configurar em comparação com outro plugin, e agora suporta api html5.

— John Laniba
fonte

1

Sob quais licenças o jQuery Fileuploader está disponível? Você realmente deve esclarecer isso tanto no seu site quanto no código-fonte do seu plugin, eu acho. :)

— OpaCitiZen

Link quebrado, este está correto?

— Puce 25/02