JSFiddle - React, Tailwind, and code Playground

by James Doyle

HTML

<input type="file" id="myfileinput" onchange="upload()">

JavaScript

function upload() {
    var fileInput = document.getElementById("myfileinput");
    // files is a FileList object (simliar to NodeList)
    var files = fileInput.files;
    alert("Filename is " + files[0].name + "\n"+"Size in Kb is " + files[0].size/1000 + "\n"+"Type is " + files[0].type + "\n");
}