JSFiddle - React, Tailwind, and code Playground

by Mariagrazia_Lunghi

HTML

<form method="post" enctype="multipart/form-data">
    <input type="file" name="docs" multiple="multiple"><br/>
    <strong>File selezionati:</strong>
    <ul>
    
    </ul>
    <input type="submit">
</form>

JavaScript

document.forms[0].docs.addEventListener('change', function(e){
    var files = e.target.files,
        ul = document.querySelector('ul');
    for(var x=0; x < files.length; x++){
        var file = files.item(x);
        ul.insertAdjacentHTML('beforeend',"<li>" + file.name + " - " + Math.round(file.size / 1000) + 'Kb - ' + file.type);
    }
});