/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

212 votes253 views6 answers
Open link in new tab html
Html
18 votes165 views1 answer
Tlauncher download
Html
0 vote173 views1 answer
Validate text is html format C#
Html
38 votes171 views5 answers
Border bottom class in bootstrap 4
Html
3 votes169 views2 answers
Divs html
Html
2 votes178 views1 answer
Ml5 cdn
Html
3 votes163 views1 answer
Gradient on top of image css
Html
1 vote197 views3 answers
Meta theme-color example
Html
5 votes183 views2 answers
Div table bootstrap 4
Html
0 vote170 views1 answer
Vue transition v-if else
Html