65 lines
2.1 KiB
HTML

<button onclick="show_upload_popup()" class="btn" id="upload_btn">Nahrát</button>
<div id="upload_popup">
<div>Název: <input type="text" name="name" minlength="4" maxlength="16"></div>
<div>Popis: <input type="text" name="desc" maxlength="64"></div>
<div><label for="file_upload" class="btn">Zvolte Soubor</label></div>
<div><input type="file" name="file_upload" id="file_upload" style="display:none;"></div>
<div><button onclick="upload()" type="submit" class="btn" id="upload_popup_sub">Zveřejnit</button></div>
</div>
<script>
function show_upload_popup()
{
if ($("#upload_popup").css("display") == "flex")
{
$("#upload_popup").css("display", "none");
} else
{
$("#upload_popup").css("display", "flex");
}
}
function upload()
{
let formData = new FormData();
formData.append('file_upload', $('#file_upload')[0].files[0]);
if ($('input[name="name"]').val().trim() != "") formData.append('name', $('input[name="name"]').val());
if ($('input[name="desc"]').val().trim() != "") formData.append('desc', $('input[name="desc"]').val());
$.ajax
({
url : './res/forum/api/upload_picture.php',
type : 'POST',
data : formData,
processData: false,
contentType: false,
success : function(result)
{
switch (result.status)
{
case 0:
show("home");
break;
case 1:
alert("Nebyl nahrán soubor!\nToto může znamenat že se snažíte nahrát soubor větší než 50MB!");
break;
case 2:
alert("Nebyl vyplněn název příspěvku!");
break;
case 3:
alert("Neplatný formát!");
break;
case 4:
alert("Příliš velký obrázek!\nMaximální velikost je 5MB!");
}
}
});
}
</script>