Existe-t-il un bon plug-in de téléchargement de fichier par glisser-déposer jQuery?
Existe-t-il un plugin Nice tidy jQuery permettant d’inclure un seul script JS, puis d’utiliser un simple extrait de code pour activer un formulaire? Quelque chose comme ça:
$j('#MyForm').enableDragDropUploads('.upload-area')
La cible de téléchargement étant l'action du formulaire.
Toute solution ne doit pas empêcher un champ de fichier normal d’être utilisable (en utilisant la méthode de navigation traditionnelle).
Je n'ai besoin que d'un fichier à la fois, bien qu'avoir l'option plusieurs fichiers ne soit pas une mauvaise chose.
J'ai trouvé quelques exemples de téléchargement par glisser-déposer:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gearshttp: // www .appelsiini.net/2009/10/html5-drag-and-drop-plusieurs-fichiers-upload
Mais le code n’est pas configuré comme un plugin. Ce n'est probablement pas trop difficile de le changer, mais c'est aussi inutile si quelqu'un d'autre a déjà fait ce travail et évite simplement mes recherches sur Google.
Je recherche idéalement une solution pure HTML5/jQuery.
Une solution Google Gears est acceptable, mais une solution Flash ne l’est pas.
Regardez celui-ci: http://aquantum-demo.appspot.com/file-upload
Il gère également le téléchargement de plusieurs fichiers!
Découvrez le récemment1 libéré gestionnaire de téléchargement des gars qui ont créé l'éditeur TinyMCE. Il possède un widget jQuery et ressemble à un ensemble de fonctionnalités et de solutions de remplacement agréables.
http://blueimp.github.com/jQuery-File-Upload/ = excellente solution
Selon leur docs , les navigateurs suivants prennent en charge le glisser-déposer:
- Firefox 4+
- Safari 5+
- Google Chrome
- Microsoft Internet Explorer 10.0+
Si vous en cherchez toujours un, je viens de publier le mien: http://github.com/weixiyen/jquery-filedrop
Fonctionne pour Firefox 3.6 maintenant. J'ai décidé de ne pas utiliser le piratage Chrome pour le moment et de laisser Webkit rattraper FileReader () dans les prochaines versions de Safari et Chrome.
Ce plugin est compatible avec le futur.
FileReader () est la norme officielle sur quelque chose comme XHR.getAsBinary () qui est déconseillé selon mozilla.
C’est aussi le seul plug-in glisser-déposer de bureau HTML5 que je connaisse qui vous permette d’envoyer des données supplémentaires avec le fichier, y compris des données pouvant être calculées au moment du téléchargement avec une fonction de rappel.
Si vous cherchez un système qui ne repose pas sur Flash, alors dropzonejs est un bon cri. Il supporte plusieurs fichiers et glisser-déposer.
J'ai créé un plugin qui vous permet de déposer des fichiers sur une zone donnée. Ce plugin fonctionne actuellement dans Firefox, Safari et Chrome.
Plug sans vergogne:
Filepicker.io gère le téléchargement pour vous et renvoie une URL. Il supporte le glisser/déposer, le navigateur croisé. En outre, les utilisateurs peuvent télécharger des fichiers depuis Dropbox/Facebook/Gmail, ce qui est très pratique sur un appareil mobile.
Que diriez-vous de la dernière version de jQuery Fileuploader: http://pixelcone.com/fileuploader/
C'est un plugin de téléchargement de fichier puissant, très facile à installer comparé à un autre plugin, et il supporte maintenant html5 api.