/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

1 vote300 views1 answer
Difference between first of type and first child
Html
0 vote340 views1 answer
Counterup html
Html
0 vote294 views1 answer
Anatomy of a html document
Html
0 vote290 views1 answer
Wicked pdf rails start new page
Html
0 vote286 views1 answer
Html not showing image with full path
Html
0 vote310 views1 answer
Html onkeyup set value
Html
0 vote303 views1 answer
Html code for star symbol
Html
4 votes340 views1 answer
Installation of ionicons
Html
0 vote282 views1 answer
Http://arnav.tcode.in/
Html
-1 vote316 views1 answer
Align center bootstrap 5 objects
Html