JavaScriptでファイル名を取得する方法

2024-02-09 21:40 JavaScript ファイル操作ファイル名取得

方法1: フォームからファイルをアップロードする場合フォームからファイルをアップロードする場合、JavaScriptのFileオブジェクトを使用してファイル名を取得できます。
```
// HTML
<input type="file" id="fileInput">
// JavaScript
const fileInput = document.getElementById('fileInput');
const fileName = fileInput.files[0].name;
console.log(fileName);
```
方法2: URLからファイル名を取得する場合 URLからファイル名を取得するには、JavaScriptのURLオブジェクトを使用します。
```
const url = new URL('https://example.com/images/image.jpg');
const fileName = url.pathname.split('/').pop();
console.log(fileName);
```
方法3: ファイルパスからファイル名を取得する場合ファイルパスからファイル名を取得するには、JavaScriptのStringオブジェクトの関数を使用します。
```
const filePath = '/path/to/file.txt';
const fileName = filePath.split('/').pop();
console.log(fileName);
```
方法4: FormDataオブジェクトからファイル名を取得する場合 FormDataオブジェクトを使用してフォームデータを送信する場合、JavaScriptのgetメソッドを使用してファイル名を取得できます。
```
const formData = new FormData();
formData.append('file', fileInput.files[0]);
const fileName = formData.get('file').name;
console.log(fileName);
```

これらの方法を使用すると、JavaScriptでファイル名を取得することができます。必要に応じて、これらのコード例をカスタマイズして使用してください。