/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 vote179 views1 answer
Write html inside component angular
Html
1 vote203 views1 answer
Contenteditable attribute
Html
3 votes176 views2 answers
Strikethrough in html
Html
12 votes175 views3 answers
Loopback relations include inside include
Html
9 votes186 views1 answer
Relative file path
Html
0 vote188 views1 answer
If checkbox is checked open forms
Html
0 vote175 views1 answer
Html.Raw blazor
Html
0 vote258 views1 answer
Bootstrap table same width
Html
8 votes202 views1 answer
How to specify amout of letters in inputfield in css
Html
32 votes179 views5 answers
Jquery select by id
Html