/Html/How to use input type file and show selected file on screen

How to use input type file and show selected file on screen

updateList = function() {
  var input = document.getElementById('file');
  var output = document.getElementById('fileList');

  output.innerHTML = '<ul>';
  for (var i = 0; i < input.files.length; ++i) {
    output.innerHTML += '<li>' + input.files.item(i).name + '</li>';
  }
  output.innerHTML += '</ul>';
}

-1

Source: stackoverflow.com

How to use input type file and show selected file on screen

<input type="file" name="file" id="file" multiple 
       onchange="javascript:updateList()" />
<br/>Selected files:
<div id="fileList"></div>

-1

Source: stackoverflow.com

Similar codes

84 votes309 views4 answers
Justify content align items
Html
0 vote290 views1 answer
Html cite element
Html
33 votes271 views10 answers
Chat
Html
0 vote312 views1 answer
Frameset col html
Html
1 vote285 views1 answer
Accept function jsf component
Html
0 vote285 views1 answer
Ion-img in center of screen
Html
87 votes269 views6 answers
Href tag in html
Html
110 votes314 views3 answers
Html open html in new tab as plain text
Html
0 vote301 views1 answer
Html fax
Html
0 vote332 views1 answer
Se
Html