Outils HTML

Gratuit Generateur d'input upload de dossier

Generez des inputs HTML avec webkitdirectory pour le telechargement de dossiers, zone de glisser-deposer et liste de fichiers avec webkitRelativePath.

Chargement de l'outil...

Qu'est-ce que Generateur d'input upload de dossier ?

L'attribut webkitdirectory sur input type=file permet la selection d'un dossier entier. Chaque fichier a une propriete webkitRelativePath (ex: images/logo.png). L'attribut standard directory offre la meme fonctionnalite.

Réponse rapide

Selection de dossier entier avec webkitdirectory et webkitRelativePath. Chrome 30+, Firefox 50+, Safari 11.1+.

Last updated: 2026-06-01

Limites

  • webkitRelativePath pas disponible pour glisser-deposer.
  • Support Safari historiquement en retard.
  • Les gros dossiers peuvent bloquer le navigateur.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Choisissez le mode : fichier unique, multiple ou dossier.
  2. Configurez la zone de glisser-deposer.
  3. Personnalisez l'affichage de la liste.
  4. Copiez le HTML genere.

A quoi il sert

  • Upload de dossiers d'images pour documentation.
  • Collecte en masse de ressources CMS.
  • Outil de migration preservant la hierarchie.

Cas d'usage

Exemples concrets

Exemple

Telechargeur d'images

Glissez un dossier, les chemins relatifs sont preserves (hero/header.jpg).

Exemple

Collecteur de ressources

Arborescence de fichiers par sous-repertoire avec tailles et types.

Erreurs frequentes

  • Utiliser webkitdirectory sans verifier le support.
  • Supposer webkitRelativePath disponible pour tous les fichiers.
  • Ne pas gerer les dossiers avec des milliers de fichiers.

Vérification

  1. Selectionnez un dossier avec sous-repertoires, verifiez les chemins.
  2. Testez le glisser-deposer de dossier.

FAQ

Questions sur Generateur d'input upload de dossier

webkitdirectory vs directory?

directory est le standard, webkitdirectory est l'ancien prefixe.

Glisser-deposer de dossier?

Fonctionne dans Chrome/Edge. Firefox et Safari limitent.

webkitRelativePath avec sous-repertoires?

Fournit le chemin complet avec slashs.

Limite de fichiers?

Environ 10 000 fichiers dans Chrome.

Outils lies

Autres outils outils html

A essayer aussi

A essayer aussi