JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<input id="my-file-selector" type="file">

JavaScript

let inp = document.getElementById("my-file-selector");
inp.addEventListener('change', handleFileChange);
function handleFileChange(ev) {
  let file = ev.target.files[0];
  if(file) {
    let url = URL.createObjectURL(file);
    let button = document.createElement("button");
    button.innerText = "open " + file.name;
    button.onclick = () => {
      window.open(url, "_blank");
    }
    document.body.append(button);
  }
}