/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

0 vote365 views1 answer
Code highlighter html
Html
19 votes350 views3 answers
Default html template
Html
1 vote341 views1 answer
Ionic deactivate fab button
Html
0 vote352 views1 answer
Html input with icon right
Html
0 vote308 views1 answer
Sell html templates
Html
2 votes332 views1 answer
Django html checkbox if condition chexked
Html
9 votes358 views1 answer
Relative file path
Html
0 vote351 views2 answers
Create an html5 video player from scratch
Html
19 votes339 views5 answers
Vue if class
Html
13 votes349 views2 answers
How to add an email box in html
Html