JSFiddle - React, Tailwind, and code Playground

by shakhal

HTML

<script>
function fakeClick(event, anchorObj) {
  if (anchorObj.click) {
    anchorObj.click()
  } else if(document.createEvent) {
    if(event.target !== anchorObj) {
      var evt = document.createEvent("MouseEvents"); 
      evt.initMouseEvent("click", true, true, window, 
          0, 0, 0, 0, 0, false, false, false, false, 0, null); 
      var allowDefault = anchorObj.dispatchEvent(evt);
    }
  }
}
</script>

<input type="file" style="display:none;" id="openFile" name="file" class="btn-primary"  />

<input  type="submit" onclick="fakeClick(event, document.getElementById('openFile'));return false;" value="Load File"/>