blob: 7413141d0109b9d3f5dbb6f5fe760f6a8481c821 (
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
68
|
---
title: File.name
slug: Web/API/File/name
tags:
- API
- File API
- ファイル
- プロパティ
- リファレンス
browser-compat: api.File.name
translation_of: Web/API/File/name
---
{{APIRef("File API")}}
{{domxref("File")}} オブジェクトによって表されるファイルの名前を返します。セキュリティ上の理由から、パスはこのプロパティから除外されます。
## 構文
```js
var name = file.name;
```
## 値
パスを除いたファイル名の入った文字列。 "My Resume.rtf" など。
## 例
```html
<input type="file" multiple onchange="processSelectedFiles(this)">
<div id="output"></div>
```
```js
const output = document.querySelector("#output");
function processSelectedFiles(fileInput) {
let files = fileInput.files;
output.textContent = "選択されたファイルのリスト:";
for (let i = 0; i < files.length; i++) {
output.textContent += `\nファイル名: ${files[i].name}`;
}
}
```
```css hidden
#output{
padding: 0.5em 0;
white-space: pre;
}
```
#### 結果
{{ EmbedLiveSample('Example', 300, 100) }}
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
## 関連情報
- [ウェブアプリケーションからのファイルの使用](/ja/docs/Web/API/File/Using_files_from_web_applications)
|
