Comment utiliser la fonction Upload Folder de Google Chrome 11 dans mon propre code ?

Question

Google Chrome 11 prend désormais en charge le téléchargement de dossiers. Actuellement, cette fonctionnalité n'est implémentée que dans Google Docs, et je n'ai pas pu trouver de documentation API sur la manière de l'utiliser dans mon code.

D'après ce que je vois, vous cliquez sur le lien Upload folder dans Google Docs, ce qui affiche la boîte de dialogue "Browse For Folder" (un appel à SHBrowseForFolder à ce qu'il semble), vous sélectionnez un dossier, puis le contenu de ce dossier est téléchargé dans Google Docs.

Comme cette fonctionnalité nécessite la mise à jour de Google Chrome vers la dernière version, ou pour d'autres navigateurs utilisant un applet Java, je suppose que je peux utiliser cette fonctionnalité dans mes propres sites web ?

J'aimerais beaucoup disposer de cette fonction dans le système de gestion de contenu que je maintiens !

Answer 1

Vous devriez pouvoir voir une démonstration ici : http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html

En fait, il s'agit de mettre en place un attribut "webkitdirectory" sur l'élément d'entrée d'un fichier.

<input type="file" id="file_input" webkitdirectory="" directory="">

Ensuite, lorsque l'utilisateur a sélectionné un dossier, il parcourt l'objet "e.target.files" pour obtenir une liste des fichiers inclus dans la sélection (ce qui vous permet d'accéder à ces fichiers depuis le côté client).

Le glisser-déposer est similaire, lorsque vous écoutez l'événement "ondrop" sur un élément "glissant", si un répertoire ou une sélection de fichiers est déposé sur l'élément, la propriété "files" de l'événement sera une liste de fichiers contenus dans l'opération.