JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

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

// esempio di stampa:
// registrazione.png - 959Kb - image/png
var ul = document.querySelector('ul');

document.querySelector('input[type=file]').
    addEventListener('change', function(evt){
        for(var x=0; x < evt.target.files.length; x++){
            var file = evt.target.files[x];
            var fileUrl = URL.createObjectURL(file);
            ul.insertAdjacentHTML('afterbegin', 
             '<li><a href="' + fileUrl + '" download="' + file.name + '">' + file.name + '</a></li>');
        }
    }, false);