Question

我使用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

中显示文件名

非常感谢帮助。感谢

Answer 1

为onchange事件添加侦听器，然后访问files列表

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

JSFiddle

如何显示jquery querySelector选中的文件？

1 个答案: