File : propriété webkitRelativePath
Baseline 2025
Nouvellement disponible
Depuis août 2025, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
Note : Cette fonctionnalité est disponible via les Web Workers.
La propriété en lecture seule webkitRelativePath de l'interface File fournit une chaîne de caractères qui définit le chemin du fichier par rapport au répertoire sélectionné par l'utilisateur·ice dans un élément HTML <input> avec son attribut webkitdirectory défini.
Valeur
Une chaîne de caractères contenant le chemin du fichier par rapport au répertoire sélectionné par l'utilisateur·ice.
Exemples
Dans cet exemple, un sélecteur de répertoires est présenté, ce qui permet à l'utilisateur·ice de choisir un ou plusieurs répertoires. Lorsque l'évènement change se produit, une liste de tous les fichiers contenus dans les hiérarchies de répertoires sélectionnées est générée et affichée.
HTML
<input
type="file"
id="selecteur-fichier"
name="fileList"
webkitdirectory
multiple />
<output id="sortie"></output>
JavaScript
const sortie = document.getElementById("sortie");
const selecteurFichier = document.getElementById("selecteur-fichier");
selecteurFichier.addEventListener("change", (event) => {
const fichiers = event.target.files;
for (const fichier of fichiers) {
sortie.textContent += `${fichier.webkitRelativePath}\n`;
}
});
Résultat
Spécifications
| Spécification |
|---|
| File and Directory Entries API # dom-file-webkitrelativepath |
Compatibilité des navigateurs
Voir aussi
- L'API File and Directory Entries
- La propriété
HTMLInputElement.webkitEntries - La propriété
HTMLInputElement.webkitdirectory