/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 vote227 views1 answer
¿Cómo permitir únicamente valores positivos en un <input>?
Html
0 vote237 views1 answer
How to load at bottom of page html
Html
1 vote270 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
-1 vote236 views1 answer
Html how to play gifs
Html
3 votes213 views1 answer
Autoredirect html
Html
0 vote246 views1 answer
Make so only certain ip's can accesss html file
Html
1 vote223 views2 answers
Ckeditor not showing django
Html
3 votes226 views1 answer
Form tag radio
Html
0 vote242 views1 answer
Netlify 11ty build configuration
Html
1 vote224 views2 answers
Html code for website design
Html