JSFiddle - React, Tailwind, and code Playground

by Jeremy Banks

HTML

<input type="file" directory
                   webkitdirectory
                   mozdirectory />

CSS

input {
    position: absolute;
    background: yellow;
    width: 100%;
    height: 100%;
}

JavaScript

$("input").change(function() {
    $("body").text("" +
      this.files.length + 
      " files loaded. First: " +
      JSON.stringify( this.files[ 0 ] )
    );
})