Как получить доступ к свойству name загруженного файла (javascript)

Question

Я прошел через другие похожие темы и не могу найти свой ответ, если я его пропустил, извиняюсь за дубликат.

У меня есть простой обработчик событий для отправки файла с формой. Это так:

onChange(e) {
    let files = e.target.files;
    console.log(files);
  }

Журнал консоли:

FileList {0: File(692), length: 1}
0: File(692)
lastModified: 1546326376754
lastModifiedDate: Tue Jan 01 2019 00:06:16 GMT-0700 (Mountain Standard Time) {}
name: "userFile.txt"
size: 692
type: "text/plain"
webkitRelativePath: ""
__proto__: File
length: 1
__proto__: FileList

Я бы хотел console.log(files.name) и вернуть userFile.txt. Я получаю undefined. Очень жаль, если на это ответили миллион раз, я потратил много времени на поиск и пробу разных точечных обозначений и т.д., но безрезультатно. Спасибо

Answer 1

Вы можете получить его по files[0].name

function getFileName(e) {

  let files = e.target.files;
  console.log(files[0].name);
}

<input type='file' onchange='getFileName(event)'>

Answer 2

Полагаю, вам нужен доступ к свойству 0 в files, например:

console.log(files[0].name);

И это должно работать.

Демонстрация:

function getFileName(event) {

  const files = event.target.files;
  console.log(files[0].name);
}

<input type='file' oninput='getFileName(e)'>