mirror of
https://github.com/anatolykopyl/file-directory.git
synced 2026-03-26 12:54:30 +00:00
122 lines
4.8 KiB
PHP
122 lines
4.8 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
|
|
|
|
<link rel="shortcut icon" type="image/png" href="/favicon-32x32.png"/>
|
|
<title>radner.ru</title>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row my-5">
|
|
<h1 class="col">Файлы: 📥 </h1>
|
|
</div>
|
|
|
|
<label for="upload" class="w-100">
|
|
<div class="shadow rounded card-block m-5 border p-5 text-center" role="button">
|
|
Drop files here to upload
|
|
</div>
|
|
</label>
|
|
<input id="upload" type="file" class="d-none">
|
|
<div class="progress mb-5" id="progress" style="display: none;">
|
|
<div class="progress-bar" role="progressbar" style="height: 100%;"></div>
|
|
</div>
|
|
|
|
|
|
<div class="list-group shadow rounded">
|
|
<?php
|
|
$dir = "files/";
|
|
|
|
if ($dh = opendir($dir)) {
|
|
while (($filename = readdir($dh)) !== false) {
|
|
if (!is_dir($dir . $filename) && substr($filename, 0, 1) !== "." && $filename !== "@eaDir") {
|
|
|
|
$filetag = str_replace(' ', '', $filename);
|
|
$filetag = preg_replace('/[^A-Za-z0-9\-]/', '', $filetag);
|
|
|
|
$ext = pathinfo($filename, PATHINFO_EXTENSION);
|
|
switch ($ext) {
|
|
case "exe":
|
|
$clr = " list-group-item-danger";
|
|
break;
|
|
case "mp4":
|
|
$clr = " list-group-item-info";
|
|
break;
|
|
case "jpg":
|
|
case "jpeg":
|
|
case "png":
|
|
case "gif":
|
|
$clr = " list-group-item-warning";
|
|
break;
|
|
case "zip":
|
|
case "rar":
|
|
$clr = " list-group-item-secondary";
|
|
break;
|
|
case "private":
|
|
$clr = " list-group-item-dark";
|
|
break;
|
|
default:
|
|
$clr = "";
|
|
}
|
|
|
|
$filesize = filesize("files/" . $filename);
|
|
$msr = " bytes";
|
|
if ($filesize > 1024**3) {
|
|
$filesize /= 1024**3;
|
|
$msr = " GB";
|
|
} elseif ($filesize > 1024**2) {
|
|
$filesize /= 1024**2;
|
|
$msr = " MB";
|
|
} elseif ($filesize > 1024) {
|
|
$filesize /= 1024;
|
|
$msr = " KB";
|
|
}
|
|
|
|
if ($msr == " bytes") {
|
|
$filesize = $filesize . $msr;
|
|
} else {
|
|
$filesize = number_format($filesize, 2, ",", " ") . $msr;
|
|
}
|
|
|
|
echo "<span class='list-group-item list-group-item-action border border-secondary p-2" . $clr . "' data-file='" . urlencode($filename) . "'><span class='row mx-0 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;
|
|
|
|
echo "</span><span class='col-4 text-secondary'>" . $filesize . "</span></a>";
|
|
|
|
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 "<span class='col-1 border-secondary my-n3 delete-button' role='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";
|
|
}
|
|
}
|
|
closedir($dh);
|
|
}
|
|
?>
|
|
</div>
|
|
|
|
<br><br>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="jquery-3.6.0.min.js"></script>
|
|
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
|
|
|
|
<script type="text/javascript" src="main.js"></script>
|
|
</body>
|
|
</html>
|