Как отобразить jquery querySelect или выбранный файл?

Question

Как отобразить jquery querySelect или выбранный файл?

0

Я создал загрузку файла с помощью 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

Помощь будет принята с благодарностью. благодаря

Hariprasad Prolanx 24 сен. 2013, в 09:12

Источник

Теги:

javascript

jquery

html

jquery-selectors

1 ответ

Ещё вопросы

Patrick Evans · Accepted Answer · 2013-09-24T03-48-00.000Z

Добавьте слушателя для события onchange, а затем войдите в список files

document.querySelector('#fileElem').onchange = function(e){
   var files = this.files;
   var name = files[0].name;
   document.querySelector("#filename").innerHTML = name;
};

JSFiddle

Это не работает в IE 9, есть ли какое-то исправление, доступное для его решения?