/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

63 votes318 views5 answers
W3 jquery cdn
Html
0 vote361 views1 answer
Html document 4.0
Html
-1 vote300 views2 answers
How to put different p elements next to each
Html
0 vote303 views1 answer
Google maps css
Html
6 votes291 views1 answer
Add custom values in html tag
Html
0 vote308 views1 answer
React native text max rows
Html
2 votes343 views1 answer
Center text in a html file
Html
2 votes313 views3 answers
Windows pop up
Html
5 votes310 views1 answer
Node js barcode generator
Html
8 votes321 views2 answers
Html link without opening new tab
Html