Я создал загрузку файла с помощью jquery querySelector. Как я могу отобразить выбранное имя файла в промежутке после выбора?
Мой html-код
<span id="filename"></span>
<input type="file" id="fileElem" name="file">
<button class="buttonsCss" id="fileSelect">Upload resume</button>
Код Js - это
document.querySelector('#fileSelect').addEventListener('click', function(e) {
// Use the native click() of the file input.
e.preventDefault();
document.querySelector('#fileElem').click();
}, false);
Как я могу отобразить имя файла в span #filename
Помощь будет принята с благодарностью. благодаря
Добавьте слушателя для события onchange, а затем войдите в список files
document.querySelector('#fileElem').onchange = function(e){
var files = this.files;
var name = files[0].name;
document.querySelector("#filename").innerHTML = name;
};