JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<body>
 <form>
     <table>
         <tr>
             <td>
            <form >
            <input type="file" name="fieltype" onchange="uploadFile(this.form);" name="file" />
            </form>
             </td>
         </tr>
     </table>
  </form>
</body>

JavaScript

function uploadFile(form){
var iframe = document.createElement("iframe");
    iframe.setAttribute("id", "upload_iframe");
    iframe.setAttribute("name", "upload_iframe");
    form.parentNode.appendChild(iframe);
    var eventHandler = function () {
            if (iframe.detachEvent) iframe.detachEvent("onload", eventHandler);
            else iframe.removeEventListener("load", eventHandler, false);
            if (iframe.contentDocument) {
                content = iframe.contentDocument.body.innerHTML;
            } else if (iframe.contentWindow) {
                content = iframe.contentWindow.document.body.innerHTML;
            } else if (iframe.document) {
                content = iframe.document.body.innerHTML;
            }
            iframe.parentNode.removeChild(iframe);        
        }
    if (iframe.addEventListener) iframe.addEventListener("load", eventHandler, true);
    if (iframe.attachEvent) iframe.attachEvent("onload", eventHandler); 
    form.setAttribute("target", "upload_iframe");
    form.setAttribute("action", "abcd.do");
    form.setAttribute("method", "post");
    form.setAttribute("enctype", "multipart/form-data");
    form.setAttribute("encoding", "multipart/form-data"); 
    form.submit(); 
}