JSFiddle - React, Tailwind, and code Playground

HTML

<form enctype="multipart/form-data" method="POST">
    <input type="file" name="foo">
    <input type="submit">
</form>

JavaScript

$(document).on("dragover drop", function(e) {
    e.preventDefault();
}).on("drop", function(e) {
    $("input[type='file']")
        .prop("files", e.originalEvent.dataTransfer.files)
        .closest("form")
          .submit();
});