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);

スパン #filename でファイル名を表示するにはどうすればよいですか

助けていただければ幸いです。ありがとう

4

1 に答える 1

0

onchange イベントのリスナーを追加し、filesリストにアクセスします

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

JSFiddle

于 2013-09-24T06:35:16.073 に答える