174 votes

Existe-t-il un bon plugin de téléchargement de fichiers par Drag-and-Drop jQuery?

Est-il un beau bien rangé plugin jQuery qui permet notamment d'une simple JS script puis à l'aide d'un simple extrait d'activer un formulaire? Quelque chose comme ceci:

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

Avec le téléchargement cible de l'action de la forme.

Aucune solution ne doit pas empêcher un fichier, le champ n'est pas utilisable (à l'aide du traditionnel parcourir méthode).

J'ai seulement besoin d'un fichier à la fois, bien sûr, avoir le choix de plusieurs n'est pas une mauvaise chose.

J'ai trouvé un couple de glisser-déposer des exemples:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload

Mais le code il n'y a pas d'installation comme un plugin. Ce n'est probablement pas trop difficile à changer, mais pas de point de le faire si quelqu'un d'autre l'a déjà fait le travail et qui est tout simplement échapper de mes recherches sur Google.

Je suis idéalement à la recherche pour un pur HTML5/jQuery solution.
Google Gears est acceptable, mais une solution Flash n'est pas.

134voto

Ciaran Points 1835

Jetez un oeil à celui-ci: http://aquantum-demo.appspot.com/file-upload

Il gère également le téléchargement de fichiers multiples!

30voto

Aaron Wagner Points 4556

Consultez récemment 1 gestionnaire de téléchargement sorti des gars qui ont créé l'éditeur TinyMCE. Il a un widget jQuery et semble avoir un bon ensemble de fonctionnalités et de solutions de secours.

http://www.plupload.com/

18voto

Tommy W Points 309

http://blueimp.github.com/jQuery-File-Upload/ = excellente solution

Selon leurs documents , les navigateurs suivants supportent le drag & drop:

  • Firefox 4+
  • Safari 5+
  • Google Chrome
  • Microsoft Internet Explorer 10.0+

15voto

resopollution Points 1905

Si vous cherchez encore, je viens juste de sortir de la mine: http://github.com/weixiyen/jquery-filedrop

Fonctionne pour Firefox 3.6 droit maintenant. J'ai décidé de ne pas faire le Chrome hack de maintenant et laissez-Webkit rattraper FileReader() dans les prochaines versions de Safari et de Chrome.

Ce plugin est l'avenir compatible.

FileReader() est la norme officielle sur quelque chose comme XHR.getAsBinary() qui est déprécié selon mozilla.

C'est aussi la seule HTML5 bureau de glisser+chute plugin que je sais de qui vous permet d'envoyer des données supplémentaires sur le contenu du dossier, y compris les données qui peuvent être calculés au moment de la télécharger avec une fonction de rappel.

14voto

Ross Gledhill Points 407

Si vous en cherchez un qui ne repose pas sur Flash alors dropzonejs est un bon cri. Il prend en charge plusieurs fichiers et glisser-déposer.

http://www.dropzonejs.com/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X