/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

9 votes127 views3 answers
HTML file path
Html
0 vote113 views1 answer
Jsf c:set date
Html
0 vote116 views1 answer
Tailwind download button
Html
10 votes131 views1 answer
How to add a link in image
Html
0 vote102 views2 answers
Vmware workstation ubuntu 19.04
Html
2 votes121 views2 answers
Upload button in html
Html
2 votes119 views1 answer
Link to google icons embed in my website
Html
0 vote166 views1 answer
Arecanut plate price in dubai by sri lankan price
Html
0 vote103 views1 answer
Thymeleaf html xmlns intellij setup
Html
3 votes100 views2 answers
Html 2 classes
Html