Как получить имя файла с помощью FileReader в JavaScript

Метод «FileReader получает имя файла» неясен. Однако, если вы ищете методы программирования для получения имени файла с помощью FileReader, я могу дать некоторые рекомендации.

В JavaScript API FileReader позволяет читать содержимое файлов, выбранных пользователем из его локальной системы. Чтобы получить имя выбранного файла, вы можете использовать следующие шаги:

  1. Создайте новый экземпляр объекта FileReader.
  2. Прикрепите прослушиватель событий к элементу ввода файла, чтобы захватить выбранный файл.
  3. В прослушивателе событий получите доступ к выбранному файлу, используя свойство filesэлемента ввода.
  4. Получите имя файла из выбранного файлового объекта с помощью свойства name.

Вот пример фрагмента кода:

// HTML
<input type="file" id="fileInput" />
// JavaScript
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (e) => {
  const selectedFile = e.target.files[0];
  const fileName = selectedFile.name;
  console.log(fileName);
});

В этом примере, когда файл выбирается с помощью элемента ввода файла с идентификатором «fileInput», имя файла извлекается и записывается в консоль.