diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2022-03-06 16:47:28 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-06 16:47:28 +0100 |
commit | d72d6dee0aeeaa010b09cc5de81cb27366e5ba62 (patch) | |
tree | 47d52fc4363c8f952f142f76de36385e28b85188 | |
parent | f19525aabd103f754c4c385c7bc0e2bea56d71ae (diff) | |
download | translated-content-d72d6dee0aeeaa010b09cc5de81cb27366e5ba62.tar.gz translated-content-d72d6dee0aeeaa010b09cc5de81cb27366e5ba62.tar.bz2 translated-content-d72d6dee0aeeaa010b09cc5de81cb27366e5ba62.zip |
Fixes #4399 - update file.name vs en-US (#4400)
* fixes #4399 - update file.name vs en-US
* apply review suggestions
-rw-r--r-- | files/fr/web/api/file/name/index.md | 70 |
1 files changed, 50 insertions, 20 deletions
diff --git a/files/fr/web/api/file/name/index.md b/files/fr/web/api/file/name/index.md index bf3e5a69ff..45f8d8ff51 100644 --- a/files/fr/web/api/file/name/index.md +++ b/files/fr/web/api/file/name/index.md @@ -1,37 +1,67 @@ --- -title: File.fileName +title: File.name slug: Web/API/File/name -tags: - - API - - DOM - - Fichier - - Nom - - Propriétés -translation_of: Web/API/File/fileName +translation_of: Web/API/File/name original_slug: Web/API/File/fileName +browser-compat: api.File.name --- -{{APIRef("File API")}}{{non-standard_header}} +{{APIRef("File API")}} -{{obsolete_header(7.0)}} +Cette propriété renvoie le nom du fichier représenté par l'objet [`File`](/fr/docs/Web/API/File) courant. Pour des raisons de sécurité, le chemin du fichier est exclu de cette propriété. -## Résumé +## Syntaxe -Renvoie le nom du fichier. Pour des raisons de sécurité, le chemin est exclu de la propriété. +```js +let name = file.name; +``` -> **Note :** Cette propriété est dépréciée. Utilisez {{domxref("File.name")}} à la place. +## Valeur -## Syntaxe +Une chaîne de caractères qui contient le nom du fichier sans le chemin, par exemple `"Mon compte-rendu.md"`. - var name = instanceOfFile.fileName +## Exemple -## Valeur +### HTML + +```html +<input type="file" multiple onchange="processSelectedFiles(this)"> + +<div id="output"></div> +``` + +### JavaScript + +```js +const output = document.querySelector("#output"); +function processSelectedFiles(fileInput) { + let files = fileInput.files; + output.textContent = "Liste des fichiers sélectionnés :"; + + for (let i = 0; i < files.length; i++) { + output.textContent += `\nNom du fichier : ${files[i].name}`; + } +} +``` + +```css hidden +#output{ + padding: 0.5em 0; + white-space: pre; +} +``` + +### Résultat + +{{EmbedLiveSample('', 300, 150)}} + +## Spécifications -Une chaîne de caractères. +{{Specifications}} -## Specification +## Compatibilité des navigateurs -Ne fait partie d'aucune spécification. +{{Compat}} ## Voir aussi -- {{domxref("File.name")}} +- [Utiliser des fichiers à partir d'applications web](/fr/docs/Web/API/File/Using_files_from_web_applications) |