JSFiddle - React, Tailwind, and code Playground

by thecoz21

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 ip = document.querySelector('input');

ip.addEventListener('change',
                   
                    function(){
                        for(var x=0; x < ip.files.lenght; x++){
                        var f= ip.files.item(x);
                            if(f.size > 100){
                            ip.setCustomValidity('too big!');
                            }
                        }
                        console.log(ip.files);                            
                    }, false);