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

Question

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.

Answer 1

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

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

Answer 2

Consultez récemment ¹ 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/

Answer 3

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+

Answer 4

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.

Answer 5

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/