JSFiddle - React, Tailwind, and code Playground

by yakun chen

HTML

<form id="upload-form" action="#" method="post" enctype="multipart/form-data">　　　　
    <input type="file" id="upload" name="upload" />
    <br />　　　　
    <input type="submit" value="Upload" />　　</form>

JavaScript

　　
var $form = $("#upload-form");
console.log($form);

$form.on('submit', function () {　
    var seed = Math.floor(Math.random() * 1000);　　
    var id = "uploader-frame-" + seed;　　
    var callback = "uploader-cb-" + seed;　　
    var iframe = $('<iframe id="' + id + '" name="' + id + '" style="display:none;">');　　
    var url = $form.attr('action');　　
    $form.attr('target', id).append(iframe).attr('action', url + '?iframe=' + callback);
});