JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<input type="file" name="" id="" multiple>

JavaScript

var input = document.querySelector("input");
  input.addEventListener("change", function() {
    if (input.files.length > 0) {
      var file = input.files[0];
      console.log("You chose", file.name);
      if (file.type)
        console.log("It has type", file.type);
      if (file.size)
      	console.log("It has size", file.size);
    }
  });