Как при загрузке файла выводить его название в отдельном input

Как при загрузке файла выводить его название в отдельном input? Есть input в типом File. Как мне сделать так, чтобы после загрузки файла его название отображалось в отдельном inpute ниже


Ответы (1 шт):

Автор решения: ksa

Оно?

function showFile(input) {
  const file = input.files[0].name
  document.querySelector('#test').value = file
}
<input type="file" onchange="showFile(this)" />
<input id='test' />

→ Ссылка