JavaScript File.name — ім'я файлу

Властивість name повертає ім'я файлу — без шляху до нього.

правити

Загальний опис

Шляху браузер не дає принципово: це межа пісочниці, а не недогляд. Знати, де саме на диску користувача лежить файл, сторінка не повинна.

Ім'я приходить як є — разом із пробілами, кирилицею, крапками й будь-якими символами, які дозволила операційна система. Виводити його на сторінку через innerHTML не можна: ім'я файлу — це такий самий ввід користувача, як і будь-який інший.

Розширення доводиться діставати самому — окремої властивості для нього немає.

правити

Нотатка

Ім'я файлу — це ввід користувача. Виводь його через textContent, а не innerHTML: файл можна назвати як завгодно, зокрема й теґом зі скриптом.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
name	13+	7+	6+	11.5+	12+	10+

Підтримка: мобільні переглядачі

Переглядач
name	4.4+	yes	yes	6+

Приклади

+ запропонувати свій приклад у пісочниці

<p id="label"></p>

const file = new File(['вміст'], 'звіт 2026.pdf', { type: 'application/pdf' });

console.log(file.name); // 'звіт 2026.pdf' — без шляху

// розширення дістаємо самі
const ext = file.name.split('.').pop().toLowerCase();
console.log(ext); // 'pdf'

// БЕЗПЕЧНО — ім'я це ввід користувача
document.getElementById('label').textContent = file.name;

// НЕБЕЗПЕЧНО:
// label.innerHTML = file.name;