/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 vote116 views1 answer
Change cursor to hand on hover
Html
0 vote140 views1 answer
How to combine two input fields in html
Html
0 vote153 views1 answer
Twig currency symbol
Html
0 vote186 views1 answer
Shortcut to open vscode html page in chrome
Html
0 vote130 views4 answers
Encrypt decrypt php
Html
0 vote136 views1 answer
Status_tag activeadmin
Html
0 vote124 views1 answer
Bootstrap 4 basic structure
Html
1 vote126 views1 answer
ASP.NET MVC Two file upload, different destinations
Html
0 vote134 views1 answer
Magento 2 call phtml file in cms page
Html
0 vote179 views1 answer
Links do not have a discernible name
Html