Existe-t-il un bon plugin de téléchargement de fichiers par glisser-déposer jQuery? [fermé]

174

Existe-t-il un joli plugin jQuery bien rangé qui permet 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 l'utilisation d'un champ de fichier normal (en utilisant la méthode traditionnelle de navigation).

Je n'ai besoin que d'un fichier à la fois, même si bien sûr, avoir l'option pour plusieurs n'est 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-gears http: //www.appelsiini. net / 2009/10 / html5-drag-and-drop-multiple-file-upload

Mais le code n'est pas configuré en tant que plugin. Ce n'est probablement pas trop difficile de le changer, mais cela ne sert à rien de le faire si quelqu'un d'autre a déjà fait ce travail et évite simplement mes recherches Google.

Je recherche idéalement une solution pure HTML5 / jQuery.
Une solution Google Gears est acceptable, mais une solution Flash ne l'est pas.

jquery file-upload drag-and-drop html google-gears Peter Boughton
la source
3
Cette solution ne fonctionne que dans la version Bleeding Edge de Firefox. Il n'a actuellement aucun support en dehors de Firefox 3.6. Comme c'est le cas, il est peu probable que vous trouviez un plugin jQuery pour cela et vous aurez probablement besoin de le faire vous-même.
Jojo
1
Bah. La version Alpha est sortie depuis quelques mois, cela devrait être assez long. : / Je suppose que je vais alors créer le plugin moi-même. Répondra à la question une fois que je l'aurai terminé.
Peter Boughton
@PeterBoughton Si vous n'avez pas encore terminé ce plugin, vous voudrez peut-être accepter une réponse
Basic
Merci pour l'invite Basic. Je n'ai pas regardé cela depuis des lustres, mais il semble qu'il y ait un favori clair (et d'un rapide coup d'œil, cela semble décent), alors j'accepterai celui-là.
Peter Boughton
Pour un uploader JavaScript rapide, exceptionnellement pris en charge et riche en fonctionnalités sans dépendances, jetez un œil à Fine Uploader , anciennement connu sous le nom de valums / file-uploader.
Ray Nicholus

Réponses:

134

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

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

Ciaran
la source
7
Juste testé. C'est très bien pour Chrome et Firefox. Se dégrade en bouton de téléchargement normal sous IE. (mais donc c'est sans flash ...)
Frank Nocke
2
Je recherche aussi un plugin de téléchargement de fichiers, celui-ci ne fonctionne pas maintenant-2015 (peut-être que cela a fonctionné en 2011) .. Est-ce que quelqu'un connaît un plugin "fileupload" qui fonctionne?
Eran Meir
30

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 bel ensemble de fonctionnalités et de solutions de secours.

http://www.plupload.com/

Aaron Wagner
la source
Je conseillerais d'utiliser plupload car il tire parti d'autres technologies pour la meilleure expérience utilisateur.
rickyduck
Le all_runtime ne fonctionne pas pour moi dans Chrome 15, ce qui devrait être le but, essayez par vous-même: plupload.com/example_all_runtimes.php
Erik Johansson
1
Ce n'est pas gratuit pour un usage commercial (utilise la GPL pour la version gratuite)
Sachin Joseph
15

Si vous en cherchez encore un, je viens de publier le mien: http://github.com/weixiyen/jquery-filedrop

Fonctionne pour Firefox 3.6 en ce moment. J'ai décidé de ne pas faire le hack Chrome pour l'instant 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 obsolète selon mozilla.

C'est aussi le seul plugin glisser-déposer de bureau HTML5 que je connaisse qui vous permet d'envoyer des données supplémentaires avec le fichier, y compris des données qui peuvent être calculées au moment du téléchargement avec une fonction de rappel.

resopollution
la source
1
La documentation est un peu mince sur celui-ci (même maintenant en 2013) mais cela fonctionne décemment bien.
dansan
1
Mais pas de démo?! quoi de neuf avec ça.
Sagive SEO
15

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

http://www.dropzonejs.com/

Ross Gledhill
la source
Votre recommandation initiale a été déplacée vers github.com/Widen/fine-uploader en mars.
Ray Nicholus
Merci pour ça. On dirait que c'est maintenant une offre payante (à usage commercial).
Ross Gledhill
C'est correct. Nous ne pouvons pas fournir le niveau de support et la vitesse de développement que nous proposons gratuitement.
Ray Nicholus
Voici un joli tutoriel de téléchargement d'images par glisser / déposer à l'aide de dropzonejs goo.gl/FVdkS0
Satinder singh
Pas facile à intégrer au formulaire existant. C'est pourquoi j'ai décidé de m'éloigner de la zone de dépôt.
Usman Khalid
9

J'ai créé un plugin qui vous permet de déposer certains fichiers sur une zone donnée. Ce plugin fonctionne actuellement dans Firefox, Safari et Chrome.

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

user340084
la source
8

Prise sans vergogne:

Filepicker.io gère le téléchargement pour vous et renvoie une URL. Il prend en charge le glisser / déposer, le navigateur croisé. En outre, les gens peuvent télécharger depuis Dropbox / Facebook / Gmail, ce qui est très pratique sur un appareil mobile.

Liyan Chang
la source
4

Que diriez-vous de la dernière version de jQuery Fileuploader: http://pixelcone.com/fileuploader/

C'est un puissant plugin de téléchargement de fichiers, très facile à configurer par rapport à d'autres plugins, et il prend désormais en charge l'api html5.

John Laniba
la source
1
Sous quelle (s) licence (s) jQuery Fileuploader est-il disponible? Vous devriez vraiment clarifier cela à la fois sur votre site Web et dans le code source de votre plugin, je pense. :)
OpaCitiZen
Lien brisé, est- ce correct?
Puce