DHTML: File.name プロパティ  編集:2022.01.13 by T.A.

File オブジェクトによって表されるファイルの名前を返します。セキュリティ上の理由から、パスはこのプロパティから除外されます。→MS

構文
name = file.name
file File

パスを除いたファイル名の入った文字列。"My Resume.rtf" など。

HTML:

<input type="file" multiple onchange="processSelectedFiles(this)">

<div id="output"></div>

JavaScript:

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}`;
  }
}

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: