/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

36 votes285 views6 answers
Mailto link html
Html
14 votes168 views5 answers
Convert string to boolean js
Html
7 votes181 views2 answers
How to add multiple CSS inline html
Html
0 vote200 views1 answer
Brackeys C#
Html
0 vote169 views1 answer
Https://htmlcheatsheet.com/)
Html
-1 vote184 views1 answer
Tailwind border style
Html
0 vote183 views1 answer
Nuxt for background color
Html
2 votes170 views1 answer
Css title and label aligned alongside image
Html
0 vote187 views1 answer
Chat room website template free download
Html
0 vote220 views1 answer
Internal link css
Html