/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 vote120 views1 answer
Flex-end tailwind
Html
1 vote116 views1 answer
At html
Html
-3 votes113 views1 answer
How to add heading html
Html
68 votes137 views6 answers
Img html
Html
13 votes113 views1 answer
How do i make a boxin html
Html
8 votes111 views3 answers
Print button html
Html
1 vote123 views1 answer
Iframe render html in angular
Html
68 votes121 views4 answers
Favicon in html document
Html
0 vote134 views1 answer
How to download youtube videos in pc though html
Html
12 votes118 views5 answers
Jquery-3.5.1.min.js download
Html