File.name

name 속성은 File 객체가 나타내는 파일의 이름을 반환합니다. 보안상의 이유로 경로는 이름에서 제외됩니다.

값

"My Resume.rtf"와 같이, 경로 없는 파일 이름을 포함하는 문자열입니다.

예제

HTML

html
<input type="file" id="filepicker" multiple />
<div>
  <p>선택한 파일 목록:</p>
  <ul id="output"></ul>
</div>

JavaScript

js
const output = document.getElementById("output");
const filepicker = document.getElementById("filepicker");

filepicker.addEventListener("change", (event) => {
  const files = event.target.files;
  output.textContent = "";

  for (const file of files) {
    const li = document.createElement("li");
    li.textContent = file.name;
    output.appendChild(li);
  }
});

결과

명세

Specification
File API
# dfn-name

브라우저 호환성

BCD tables only load in the browser

같이 보기