It finally works

This commit is contained in:
Michał Gdula 2022-08-10 15:55:15 +01:00
parent 7c13b6478d
commit c18d72ccb0
2 changed files with 84 additions and 60 deletions

View file

@ -11,8 +11,9 @@ session_start();
include "../server/conn.php"; include "../server/conn.php";
if (isset($_POST['submit'])) { if (isset($_POST['submit'])) {
if (isset($_SESSION['id'])) {
// Root paths // Root paths
$dir = "images/"; $dir = "../../images/";
$thumb_dir = $dir."thumbnails/"; $thumb_dir = $dir."thumbnails/";
// File paths // File paths
@ -31,11 +32,11 @@ if (isset($_POST['submit'])) {
$image_thumbnail->resizeImage(300,null,null,1,null); $image_thumbnail->resizeImage(300,null,null,1,null);
$image_thumbnail->writeImage($thumb_dir.$image_basename); $image_thumbnail->writeImage($thumb_dir.$image_basename);
} catch (Exception $e) { } catch (Exception $e) {
?> echo "
<script> <script>
sniffleAdd('Gwha!', 'We hit a small roadbump during making of the thumbail. We will continue anyway!', 'var(--black)', '<?php echo $root_dir; ?>assets/icons/bug.svg'); sniffleAdd('Gwha!', 'We hit a small roadbump during making of the thumbail. We will continue anyway!', 'var(--black)', '".$root_dir."assets/icons/bug.svg');
</script> </script>
<?php ";
} }
// Prepare sql for destruction and filtering the sus // Prepare sql for destruction and filtering the sus
@ -52,31 +53,38 @@ if (isset($_POST['submit'])) {
// Attempt to execute the prepared statement // Attempt to execute the prepared statement
if (mysqli_stmt_execute($stmt)) { if (mysqli_stmt_execute($stmt)) {
?> echo "
<script> <script>
sniffleAdd(':3', 'Your Image uploaded successfully!', 'var(--green)', '<?php echo $root_dir; ?>assets/icons/check.svg'); sniffleAdd(':3', 'Your Image uploaded successfully!', 'var(--green)', '".$root_dir."assets/icons/check.svg');
</script> </script>
<?php ";
} else { } else {
?> echo "
<script> <script>
sniffleAdd(':c', 'Something went fuckywucky, please try later', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/cross.svg'); sniffleAdd(':c', 'Something went fuckywucky, please try later', 'var(--red)', '".$root_dir."assets/icons/cross.svg');
</script> </script>
<?php ";
} }
} }
} else { } else {
?> echo "
<script> <script>
sniffleAdd('Hmmff', 'Something happened when moving the file to the server. This may just been a 1-off so try again', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/bug.svg'); sniffleAdd('Hmmff', 'Something happened when moving the file to the server. This may just been a 1-off so try again', 'var(--red)', '".$root_dir."assets/icons/bug.svg');
</script> </script>
<?php ";
} }
} else { } else {
?> echo "
<script> <script>
sniffleAdd('Woopsie', 'The file type you are trying to upload is not supported. Supported files include: JPEG, JPG, PNG and WEBP', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/cross.svg'); sniffleAdd('Woopsie', 'The file type you are trying to upload is not supported. Supported files include: JPEG, JPG, PNG and WEBP', 'var(--red)', '".$root_dir."assets/icons/cross.svg');
</script> </script>
<?php ";
}
} else {
echo "
<script>
sniffleAdd('Denied!!!', 'As you are not loggedin, your upload has been stopped, L', 'var(--red)', '".$root_dir."assets/icons/cross.svg');
</script>
";
} }
} }

View file

@ -33,10 +33,22 @@
$(document).ready(function() { $(document).ready(function() {
$("#uploadSubmit").submit(function(event) { $("#uploadSubmit").submit(function(event) {
event.preventDefault(); event.preventDefault();
var formData = new FormData(this.form); // Make form
var formData = new FormData();
// Get image
var image_data = $("#image").prop("files")[0];
formData.append("image", image_data);
// Get ALT
var alt = $("#alt").val();
formData.append("alt", alt);
// Get ALT
var submit = $("#submit").val();
formData.append("submit", submit);
// Upload the information
$.ajax({ $.ajax({
url: "app/image/upload_image.php", url: 'app/image/upload_image.php',
type: 'post', type: 'post',
data: formData, data: formData,
contentType: false, contentType: false,
@ -56,7 +68,11 @@
// Check if user is logged in // Check if user is logged in
if (!loggedin()) { if (!loggedin()) {
header("Location: index.php"); echo "
<script>
sniffleAdd('Who are you!', 'You must be loggedin to upload things, sowwy!', 'var(--red)', '".$root_dir."assets/icons/cross.svg');
</script>
";
} }
?> ?>
@ -64,9 +80,9 @@
<h2 class="space-bottom">Upload image</h2> <h2 class="space-bottom">Upload image</h2>
<p>In this world you have 2 choices, to upload a really cute picture of an animal or fursuit, or something other than those 2 things.</p> <p>In this world you have 2 choices, to upload a really cute picture of an animal or fursuit, or something other than those 2 things.</p>
<form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data"> <form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data">
<input name="image" class="btn alert-default space-bottom" type="file" placeholder="select image UwU"> <input id="image" class="btn alert-default space-bottom" type="file" placeholder="select image UwU">
<input name="alt" class="btn alert-default space-bottom-large" type="text" placeholder="Description/Alt for image"> <input id="alt" class="btn alert-default space-bottom-large" type="text" placeholder="Description/Alt for image">
<button name="submit" class="btn alert-high" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button> <button id="submit" class="btn alert-high" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
</form> </form>
</div> </div>