anatolykopyl/file-directory
1
0
Fork 0
mirror of https://github.com/anatolykopyl/file-directory.git synced 2026-03-26 21:04:32 +00:00
Code Issues Projects Releases Wiki Activity

Update page with upload/delete

Browse Source
This commit is contained in:
Anatoly Kopyl
2021-10-23 19:23:29 +03:00
parent 2edb4e445f
commit 3343dcf928
4 changed files with 22 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
files/earth.mp4.private
View File

Binary file not shown.

46
index.php
View File

@@ -79,46 +79,22 @@
$filesize = number_format($filesize, 2, ",", " ") . $msr; $filesize = number_format($filesize, 2, ",", " ") . $msr;
} }
echo "<span class='list-group-item list-group-item-action border border-secondary p-2" . $clr . "'><span class='row d-flex justify-content-between align-items-center'><a class='col-10 row text-decoration-none' "; echo "<span class='list-group-item list-group-item-action border border-secondary p-2" . $clr . "' data-file='" . urlencode($filename) . "'><span class='row d-flex justify-content-between align-items-center'><a class='col-10 row text-decoration-none' ";
echo "download href='files/" . $filename . "'><span class='col-5'>" . $filename;
if ($ext == "private") { echo "</span><span class='col-4 text-secondary'>" . $filesize . "</span></a>";
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin']==true) {
echo "download='" . pathinfo($filename, PATHINFO_FILENAME) . "' href='files/" . $filename . "'><span class='col-5'>" . pathinfo($filename, PATHINFO_FILENAME); if ($ext == "mp4") {
} else { echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary d-none d-lg-block' href='files/" . $filename . "'>📼</a>";
echo "><span class='col-5 text-muted'>" . pathinfo($filename, PATHINFO_FILENAME); } elseif ($clr == " list-group-item-warning") {
} echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary my-n3 d-none d-lg-block' data-toggle='collapse' data-target='#collapse-" . $filetag . "'>🖼️</a>";
} else { } else {
echo "download href='files/" . $filename . "'><span class='col-5'>" . $filename; echo "<span class='col-1'></span>\n";
} }
echo "</span><span class='col-4 text-secondary'>" . $filesize . "</span>";
if ($ext == "private" && !(isset($_SESSION['loggedin']) && $_SESSION['loggedin']==true)) {
echo "<span class='col text-secondary text-right'>Требуется авторизация</span>";
}
echo "</a>";
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin']==true) {
if ($ext == "mp4") {
echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary d-none d-lg-block' href='files/" . $filename . "'>📼</a>";
} elseif ($clr == " list-group-item-warning") {
echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary my-n3 d-none d-lg-block' data-toggle='collapse' data-target='#collapse-" . $filetag . "'>🖼️</a>";
} else {
echo "<span class='col-1'></span>\n";
}
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";
} else {
if ($ext == "mp4") {
echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary d-none d-lg-block' href='files/" . $filename . "'>📼</a>";
} elseif ($clr == " list-group-item-warning") {
echo "<a class='col-1 text-decoration-none text-center my-n3 p-2 border-left border-secondary my-n3 d-none d-lg-block' data-toggle='collapse' data-target='#collapse-" . $filetag . "'>🖼️</a>";
} else {
echo "<span class='col-1'></span>\n";
}
if ($clr == " list-group-item-warning") {
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=" . urlencode($filename) . ">🗑</span>"; echo "<span class='col-1 border-secondary my-n3 delete-button' data-file=" . urlencode($filename) . ">🗑</span>";
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></span>\n"; echo "</span></span>\n";
} }
} }

13
main.js
View File

@@ -1,7 +1,3 @@
$(document).on('click', 'div.dropdown-menu', function (e) {
e.stopPropagation();
});
const buttons = document.querySelectorAll('.delete-button') const buttons = document.querySelectorAll('.delete-button')
buttons.forEach((button) => { buttons.forEach((button) => {
button.addEventListener("click", async function (event) { button.addEventListener("click", async function (event) {
@@ -13,6 +9,10 @@ buttons.forEach((button) => {
}, },
body: `file=${event.target.dataset.file}` body: `file=${event.target.dataset.file}`
}); });
if (response.status === 200) {
const deletedRow = document.querySelector(`.list-group-item[data-file='${event.target.dataset.file}']`);
deletedRow.remove();
}
}) })
}); });
@@ -21,5 +21,8 @@ fileInput.addEventListener('change', async function (event) {
const file = event.target.files[0]; const file = event.target.files[0];
let formData = new FormData(); let formData = new FormData();
formData.append("file", file); formData.append("file", file);
fetch('upload.php', { method: "POST", body: formData }); const response = await fetch('upload.php', { method: "POST", body: formData });
if (response.status === 200) {
window.location.reload(false);
}
}); });

6
upload.php
View File

@@ -7,13 +7,13 @@
$filename = $path['filename']; $filename = $path['filename'];
$ext = $path['extension']; $ext = $path['extension'];
$temp_name = $_FILES['file']['tmp_name']; $temp_name = $_FILES['file']['tmp_name'];
$path_filename_ext = $target_dir.$filename.".".$ext; $path_filename_ext = $target_dir . $filename . "." . $ext;
// Check if file already exists // Check if file already exists
if (file_exists($path_filename_ext)) { if (file_exists($path_filename_ext)) {
echo "Sorry, file already exists."; echo "Sorry, file already exists.";
}else{ } else {
move_uploaded_file($temp_name,$path_filename_ext); move_uploaded_file($temp_name, $path_filename_ext);
echo "Congratulations! File Uploaded Successfully."; echo "Congratulations! File Uploaded Successfully.";
} }
} }