/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

15 votes360 views6 answers
Angular ngfor index
Html
34 votes250 views2 answers
Dont show suggestions in input hs
Html
2 votes255 views1 answer
Open the file upload dialogue box onclick the image
Html
10 votes253 views1 answer
Ampersand c# summary
Html
0 vote258 views1 answer
Partial url example
Html
1 vote259 views1 answer
Html to markdown table
Html
0 vote258 views1 answer
Youtube embed generator responsive
Html
0 vote270 views1 answer
Change color of icon css
Html
0 vote211 views1 answer
Histogram with frequency curve using seaborn
Html
0 vote233 views1 answer
Html cache api checker
Html