/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 vote322 views1 answer
Contact form feilds
Html
1 vote347 views1 answer
Vue get element by id
Html
1 vote348 views1 answer
Am pm time html javascript
Html
11 votes345 views3 answers
Change inner html in jquery
Html
11 votes366 views2 answers
Navbar right bootstrap 4
Html
0 vote352 views1 answer
How to make option colour black in html
Html
1 vote307 views2 answers
React CDN links
Html
0 vote304 views1 answer
Laravel route global constraints
Html
32 votes324 views6 answers
Bootstrap alerts
Html
0 vote325 views1 answer
Get all html element data using angular
Html