JSFiddle - React, Tailwind, and code Playground

HTML

<br/><br/><span class="ico16sp qq-refresh-button" id="refresh1">Obnovit</span>
<div id="fileUploader1">
    <div class="qq-uploader">
        <div class="qq-upload-button" style="position: relative; overflow-x: hidden; overflow-y: hidden; direction: ltr; ">Nahrát soubory<input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; opacity: 0; ">
        </div>
        <ul class="qq-upload-list">
        </ul>
        <div class="qq-upload-drop-area" style="display: none; ">
            <span>Přesuňte soubory do tohoto pole</span>
        </div>
    </div>
</div>
<div id="qq-upload-showThumbs1" style="opacity: 1; ">
</div>

CSS

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    border:1px solid #aaa;background:#eee !important;
    padding:5px !important;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.qq-upload-button-hover {border:1px solid #A65F00;background:#FFC373 !important;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.qq-upload-thumb{padding:8px;margin:3px;float:left;border:1px solid #aaa;background:#eee;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float:left;overflow:hidden;}
.qq-upload-thumb .name{font-weight:bold;color:#222;text-align:center;padding:2px 5px 10px 5px;display:block;overflow:hidden;width:130px;white-space: nowrap;}
.qq-upload-thumb div.img{width:150px;height:152px;display: table-cell; vertical-align: middle;text-align:center;border:0px solid #000;background:url(/data/icons/wait32.gif) center center no-repeat;padding:0px;margin:0px;}
.qq-upload-thumb:hover{border:1px solid...

JavaScript

var txt = $("#refresh1").html();
$("#refresh1").click(function(){
    $("#qq-upload-showThumbs1").html('');
    alert('click on refresh button');
    $(this).html('Loading..');
    // .load
        $.post("/echo/html/", {html:'<ul id="sortable" class="ui-sortable"><li class="qq-upload-thumb" id="dolezelovi-svatba-0492010-0974a.jpg"><span class="qq-upload-delete btn16 ico16cancel" title="Smazat" id="qqDelete-98bec074b574c2ba2ac71377fb0d1d56">D</span><span class="name">dolezelovi-svatba-0492010-0974a</span><div class="img"><img src="http://www.sportservisoaza.cz/data/goods/59/super-grip-30-black__150x150.jpg" alt="dolezelovi-svatba-0492010-0974a.jpg"></div></li><li class="qq-upload-thumb" id="dolezelovi-svatba-0492010-0978a84.jpg"><span class="qq-upload-delete btn16 ico16cancel" title="Smazat" id="qqDelete-1682f99276ce1c6c3e8cdfe5048e2b19">D</span><span class="name">dolezelovi-svatba-0492010-0978a84</span><div class="img"><img src="http://www.sportservisoaza.cz/data/goods/59/super-grip-30-black__150x150.jpg" alt="dolezelovi-svatba-0492010-0978a84.jpg"></div></li></ul>'},function(data){
            alert('I get data:' + data);
        $("#qq-upload-showThumbs1").html(data);
                                                    
        $("#refresh1").html(txt);
        $("span.qq-upload-delete").click(function(){
                  alert('Clicked on DELETE BUTTON');
                   var id = $(this).attr('id');
                   id = id.split('-');
                //alert(id[1]);
                $.post("/echo/html",{html:'', name:id[1]},function(data){
                    alert(data);
                    $("#refresh1").click();
                });
                return;
        });
        
    });
});
$("#refresh1").click();