JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>bare selector</title>
        <script type="text/javascript">
            function onSelected(e)
            {
                var files = document.getElementById("fileInput").files;

                if (files)
                {
                    for (var i = 0; i < files.length; i++)
                    {
                        var file = files[i];
                        var props = "";

                        for (var k in file)
                            props += k + "=" + file[k] + "\n";

                        alert(props);
                    }
                }
            }
        </script>
    </head>
    <body>
        <h1>bare selector</h1>
        <form enctype="multipart/form-data" action="http://krystalware.com/slickupload/demos/slickupload.axd?handlerType=upload" method="post">
            <p><input type="file" multiple="multiple" id="fileInput" name="fileInput" onchange="onSelected()" /></p>
            <input type="submit" />
        </form>
    </body>
</html>