/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 vote145 views1 answer
Animate html
Html
0 vote139 views2 answers
How to select all text when input box is clicked
Html
0 vote138 views3 answers
How to add custom html menu in wordpress
Html
0 vote152 views2 answers
Custom radio css
Html
6 votes153 views4 answers
Sweetalert2 cdn
Html
5 votes135 views2 answers
Python vs javascript
Html
91 votes127 views6 answers
Bootstrap text color
Html
1 vote142 views1 answer
Favicon icon in css font awesome
Html
0 vote133 views1 answer
Cannot play media. no decoders for requested formats: text/html
Html
1 vote134 views2 answers
How to make a tag in html
Html