JSFiddle - React, Tailwind, and code Playground

by timhuang

HTML

<input type=button id="upload" value="upload">
    <div style="display: none" id="invdiv"></div>

JavaScript

$("#upload").click(function(){
    $uploadForm = $("<form action='post' action='/echo/html/'></form>");
    $uploadForm.append("<input type='hidden' name='name' value='tim'>");
    $uploadForm.append("<input type='hidden' name='age' value='25'>");
    $uploadForm.append("<input type='file' name='featuredimage' id='btnfile'>");
    $('#invdiv').append($uploadForm);
    $("#btnfile").click();
    $.post(
        
        $uploadForm.attr('action'),
        $uploadForm.serialize(), 
        function(result) {				
			console.log(result);
			alert(result);
        });    
});