File upload

This commit is contained in:
2021-10-23 18:47:10 +03:00
parent 0c6f9f0aa3
commit 2edb4e445f
5 changed files with 38 additions and 57 deletions

View File

@@ -14,40 +14,16 @@
<body>
<div class="container">
<div class="row my-5">
<h1 class="col">Загрузки: &#128229 </h1>
<div class="col text-right">
<?php
session_start();
//session_unset();
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
echo '<p class="mt-3">Авторизован</p>';
} else {
echo '<button class="btn btn-light mt-2" data-toggle="dropdown">Авторизоваться </button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-left w-50">
<form class="px-4 py-3" method="post" action="login.php">
<div class="form-group">
<label for="password">Пароль</label>
<input type="password" class="form-control" name="password" placeholder="Password">
</div>
<input type="submit" class="btn btn-primary col-auto" value="Войти">
<a class="col-auto" data-toggle="collapse" href="#collapseGetPass" role="button">Узнать пароль</a>
</form>
<div class="collapse" id="collapseGetPass">
<form class="px-4 py-3" method="post" action="sendpass.php">
<div class="form-group">
<label for="inputEmail">На какой адрес выслать пароль</label>
<input type="email" class="form-control" name="inputEmail" placeholder="Введите почту">
</div>
<input type="submit" class="btn btn-primary col-auto" value="Отправить">
</form>
</div>
</div>';
}
?>
</div>
<h1 class="col">Файлы: &#128229 </h1>
</div>
<label for="upload" class="w-100">
<div class="shadow rounded card-block m-5 border p-5 text-center">
Drop files here to upload
</div>
</label>
<input id="upload" type="file" class="d-none">
<div class="list-group shadow rounded">
<?php
$dir = "files/";
@@ -142,7 +118,7 @@
echo "<div class='collapse container-fluid border-top border-secondary text-center m-2' id='collapse-" . $filetag . "'><img class='border mt-3' src='files/" . $filename . "'></div>\n";
}
}
echo "<span class='col-1 border-secondary my-n3 delete-button' data-file=" . $filename . ">🗑</span>";
echo "<span class='col-1 border-secondary my-n3 delete-button' data-file=" . urlencode($filename) . ">🗑</span>";
echo "</span></span>\n";
}
}

View File

@@ -1,10 +0,0 @@
<?php
$password = $_POST['password'];
if ($password == "pass") {
session_start();
$_SESSION['loggedin'] = true;
}
header('Location: index.php');
?>

10
main.js
View File

@@ -4,7 +4,7 @@ $(document).on('click', 'div.dropdown-menu', function (e) {
const buttons = document.querySelectorAll('.delete-button')
buttons.forEach((button) => {
button.addEventListener("click", async function(event) {
button.addEventListener("click", async function (event) {
const response = await fetch("delete.php", {
method: 'POST',
headers: {
@@ -14,4 +14,12 @@ buttons.forEach((button) => {
body: `file=${event.target.dataset.file}`
});
})
});
const fileInput = document.getElementById('upload');
fileInput.addEventListener('change', async function (event) {
const file = event.target.files[0];
let formData = new FormData();
formData.append("file", file);
fetch('upload.php', { method: "POST", body: formData });
});

View File

@@ -1,13 +0,0 @@
<?php
$to = $_POST['inputEmail'];
$subject = 'the subject';
$message = 'hello';
$headers = array(
'From' => 'no-reply@radner.ru',
'X-Mailer' => 'PHP/' . phpversion()
);
mail($to, $subject, $message, $headers);
header('Location: index.php');
?>

20
upload.php Normal file
View File

@@ -0,0 +1,20 @@
<?php
if (($_FILES['file']['name'] != "")) {
// Where the file is going to be stored
$target_dir = "files/";
$file = $_FILES['file']['name'];
$path = pathinfo($file);
$filename = $path['filename'];
$ext = $path['extension'];
$temp_name = $_FILES['file']['tmp_name'];
$path_filename_ext = $target_dir.$filename.".".$ext;
// Check if file already exists
if (file_exists($path_filename_ext)) {
echo "Sorry, file already exists.";
}else{
move_uploaded_file($temp_name,$path_filename_ext);
echo "Congratulations! File Uploaded Successfully.";
}
}
?>