Déposer des fichiers de la fenêtre à Javascript

Question

Je suis sûr qu'il est possible de faire glisser des fichiers sur un film Flash dans un navigateur, mais est-il possible d'obtenir la même fonctionnalité avec Javascript?

J'ai vu un site (je ne me souviens pas) qui l'a fait, mais je n'ai jamais vérifié s'il s'agissait d'une solution Javascript pure par rapport à une solution Flash.

Je penche vers le côté, je crois que cela brise les limites de Javascript, bien que s'il y a une solution j'aimerais l'entendre. Mon seul souci est qu'il ne sera pas bien supporté par les différents navigateurs.

Answer 1

Je ne pense pas qu'il soit possible de faire glisser un fichier dans une page en tant que telle.

Bien que certains navigateurs puissent vous permettre de faire glisser un fichier dans une zone de saisie de téléchargement de fichier. Si c'est le cas, vous pourriez peut-être étirer une telle entrée via CSS et la rendre transparente/superposée en arrière-plan pour fournir une "jolie" cible de dépôt.

Answer 2

Vous pouvez le faire avec ActiveX, mais il ne fonctionne que dans IE .. et est ici un article décrivant comment faire un transfert glisser/déposer dans Firefox http://straxus.javadevelopersjournal.com/creating_a_mozillafirefox_drag_and_drop_file_upload_script_p.htm

Il n'y a pas une manière générique de faire ce qui fonctionne pour tous les navigateurs avec javascript - mais vous pouvez utiliser une applet java comme ceci: http://www.zackgrossbart.com/hackito/2007/11/28/drag-and-drop-file-uploading-made-easy/

Answer 3

L'article qui montre comment soutenir glisser-déposer avec une applet est à l'adresse:

http://www.zackgrossbart.com/hackito/dnd-file-uploading 

Il y a une autre article qui montre comment faire cela avec JavaScript seulement. Cela nécessite HTML5, mais cela fonctionne bien.

http://www.thecssnin]ja.com/javascript/drag-and-drop-upload