/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 vote267 views1 answer
How to find the immediate parent in xpath
Html
3 votes248 views1 answer
Array in html form
Html
0 vote257 views1 answer
How to get a adminitration password for filezilla server
Html
0 vote252 views1 answer
How to add a url into elementor form
Html
3 votes256 views1 answer
Comentário html
Html
0 vote247 views1 answer
Wordpress to static html
Html
14 votes241 views2 answers
How to download in html
Html
4 votes236 views2 answers
Align right tailwind
Html
0 vote265 views1 answer
Hashtag in html
Html
7 votes249 views1 answer
Bootstrap blog post card
Html