JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<span id="jsUploader" class="uploader">
    <span>Attach
        <form enctype="multipart/form-data">
        <input id="files" type="file" name="file[]" multiple=""/>
        </form>
    </span>
</span>

CSS

.uploader {
    position:relative;
    background:red;
}
.uploader span {
    position:absolute;
    background:red;
}
input[type='file'] {
    opacity:0;
    position:absolute;
    top:0;
    width:100%;
    border:0px solid red;
}

JavaScript

//var myFiles = document.getElementById("files");
var parents = document.getElementbyId("jsUploader");
//alert(myFiles.files.length);