/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

8 votes116 views2 answers
How to include href in image
Html
0 vote104 views1 answer
Link in new tab
Html
1 vote106 views1 answer
Html title popup
Html
0 vote103 views1 answer
Html5 audio tag autoplay loop
Html
0 vote49 views1 answer
Angular display checked if condition
Html
255 votes246 views8 answers
Bootstrap 4 cdn
Html
0 vote106 views1 answer
Mysql data to html table
Html
12 votes111 views2 answers
Bootstrap grids examples
Html
130 votes53 views7 answers
Span html
Html
1 vote134 views1 answer
Bs css link
Html