blob: 45f8d8ff514d39f64878e9d87a2d518b7d48a7b4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
---
title: File.name
slug: Web/API/File/name
translation_of: Web/API/File/name
original_slug: Web/API/File/fileName
browser-compat: api.File.name
---
{{APIRef("File API")}}
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é.
## Syntaxe
```js
let name = file.name;
```
## Valeur
Une chaîne de caractères qui contient le nom du fichier sans le chemin, par exemple `"Mon compte-rendu.md"`.
## Exemple
### 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
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Voir aussi
- [Utiliser des fichiers à partir d'applications web](/fr/docs/Web/API/File/Using_files_from_web_applications)
|
