Upload files to "public"
This commit is contained in:
MaciejkaG
commit
7a9e6fd1d6
35
public/create-folder.php
Normal file
35
public/create-folder.php
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
<?php
|
||||||
|
function join_paths() {
|
||||||
|
$paths = array();
|
||||||
|
|
||||||
|
foreach (func_get_args() as $arg) {
|
||||||
|
if ($arg !== '') { $paths[] = $arg; }
|
||||||
|
}
|
||||||
|
|
||||||
|
return preg_replace('#/+#','/',join('/', $paths));
|
||||||
|
}
|
||||||
|
|
||||||
|
$request_body = file_get_contents('php://input');
|
||||||
|
$data = json_decode($request_body);
|
||||||
|
|
||||||
|
$filesDir = "../../files/"; // Musi kończyć się slashem!
|
||||||
|
$redirectRoute = "/pen"; // Adres względny do któego ma przekierować, jeżeli masz index.php w public/upload to powinno być to /upload
|
||||||
|
|
||||||
|
$targetName = $data->name;
|
||||||
|
$targetPath = $data->path;
|
||||||
|
|
||||||
|
$fullTargetPath = join_paths($filesDir, $targetPath, $targetName);
|
||||||
|
|
||||||
|
if (!file_exists($fullTargetPath)) {
|
||||||
|
if (mkdir($fullTargetPath)) { // Skopiuj zuploadowany plik do poprawnego miejsca na serwerze
|
||||||
|
http_response_code(200);
|
||||||
|
header('Location: '.$redirectRoute); // Przekieruj z powrotem do strony głównej
|
||||||
|
} else { // W razie gdyby coś nie wyszło po stronie serwera podczas kopiowania pliku
|
||||||
|
http_response_code(500);
|
||||||
|
echo "500 - Sorry, there was an error creating your folder.";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
http_response_code(409);
|
||||||
|
echo "409 - File already exists";
|
||||||
|
}
|
||||||
|
?>
|
||||||
29
public/file.php
Normal file
29
public/file.php
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
function join_paths() {
|
||||||
|
$paths = array();
|
||||||
|
|
||||||
|
foreach (func_get_args() as $arg) {
|
||||||
|
if ($arg !== '') { $paths[] = $arg; }
|
||||||
|
}
|
||||||
|
|
||||||
|
return preg_replace('#/+#','/',join('/', $paths));
|
||||||
|
}
|
||||||
|
|
||||||
|
$filesDir = "../../files/"; // Musi kończyć się slashem!
|
||||||
|
|
||||||
|
$dirList = preg_grep('/^([^.])/', scandir($filesDir)); // Skanuj
|
||||||
|
if (in_array($_GET['name'], $dirList) && file_exists(join_paths($filesDir, $_GET['name']))) {
|
||||||
|
header('Content-Description: File Transfer'); // Ustaw headery które będą pokazywać przeglądarce, że zasób jest plikiem do pobrania, oraz będą wysyłać metadane pliku
|
||||||
|
header('Content-Type: application/octet-stream');
|
||||||
|
header('Content-Disposition: attachment; filename=' . basename(join_paths($filesDir, $_GET['name'])));
|
||||||
|
header('Content-Transfer-Encoding: binary');
|
||||||
|
header('Expires: 0');
|
||||||
|
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
|
||||||
|
header('Pragma: public');
|
||||||
|
header('Content-Length: ' . filesize(join_paths($filesDir, $_GET['name'])));
|
||||||
|
ob_clean();
|
||||||
|
flush(); // Wyczyść bufer outputu, żeby nie obciążać pliku
|
||||||
|
readfile(join_paths($filesDir, $_GET['name'])); // Zwróć plik do klienta
|
||||||
|
exit;
|
||||||
|
} else { http_response_code(404); echo "<h1>404 - Not Found (Requested file not found)</h1>"; }
|
||||||
|
?>
|
||||||
186
public/index.php
Normal file
186
public/index.php
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
<?php
|
||||||
|
function join_paths() {
|
||||||
|
$paths = array();
|
||||||
|
|
||||||
|
foreach (func_get_args() as $arg) {
|
||||||
|
if ($arg !== '') { $paths[] = $arg; }
|
||||||
|
}
|
||||||
|
|
||||||
|
return preg_replace('#/+#','/',join('/', $paths));
|
||||||
|
}
|
||||||
|
|
||||||
|
$filesDir = "../../files/"; // Musi kończyć się slashem!
|
||||||
|
$maxFolderSize = 250000000; // Maks. rozmiar folderu z plikami (w bajtach)
|
||||||
|
|
||||||
|
$directorySize = getDirectorySize($filesDir);
|
||||||
|
if (isset($_GET["path"])) {
|
||||||
|
$path = $_GET["path"];
|
||||||
|
|
||||||
|
if (is_dir(join_paths($filesDir, $path)) && !str_contains($path, "../")) {
|
||||||
|
$filesDir = join_paths($filesDir, $path);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
header('Location: '."?path=/");
|
||||||
|
}
|
||||||
|
|
||||||
|
$dirList = preg_grep('/^([^.])/', scandir($filesDir)); // Pobierz listę plików z pominięciem nazw zaczętych kropką ('.')
|
||||||
|
|
||||||
|
function formatBytes($bytes, $precision = 2) {
|
||||||
|
$units = array('B', 'KB', 'MB', 'GB', 'TB');
|
||||||
|
|
||||||
|
$bytes = max($bytes, 0);
|
||||||
|
$pow = floor(($bytes ? log($bytes) : 0) / log(1024));
|
||||||
|
$pow = min($pow, count($units) - 1);
|
||||||
|
|
||||||
|
$bytes /= pow(1024, $pow);
|
||||||
|
|
||||||
|
return round($bytes, $precision) . $units[$pow];
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDirectorySize($path){
|
||||||
|
$bytestotal = 0;
|
||||||
|
$path = realpath($path);
|
||||||
|
if($path!==false && $path!='' && file_exists($path)){
|
||||||
|
foreach(new RecursiveIteratorIterator(new RecursiveDirectoryIterator($path, FilesystemIterator::SKIP_DOTS)) as $object){
|
||||||
|
$bytestotal += $object->getSize();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return $bytestotal;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Upload service</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="box">
|
||||||
|
<div class="pobieranie">
|
||||||
|
<h1>Udostępnij plik</h1>
|
||||||
|
<button id="uploadButton">Prześlij plik</button>
|
||||||
|
<h3>Zajęte miejsce: <?php echo formatBytes($directorySize)."/".formatBytes($maxFolderSize); ?> (<?php echo round($directorySize / $maxFolderSize * 100, 2); ?>%)</h3>
|
||||||
|
<h2 class="path"><?php echo $path; ?></h2>
|
||||||
|
<h3><a href="?path=<?php echo dirname($path); ?>">Wróć </a> | <a href="#" onclick="createFolderPrompt()">Utwórz folder</a></h3>
|
||||||
|
<p>
|
||||||
|
<div class="pliki">
|
||||||
|
<?php
|
||||||
|
if (empty($dirList)) { // Wyświetl ładną wiadomość, jeśli lista plików jest pusta
|
||||||
|
echo "Nothing to see here (yet)";
|
||||||
|
} else {
|
||||||
|
foreach ($dirList as $fName) {
|
||||||
|
$uriFname = urlencode($fName);
|
||||||
|
if (is_dir(join_paths($filesDir, $fName))) {
|
||||||
|
// Folder
|
||||||
|
echo "<div class=\"plik folder\"><a href=\"?path=".join_paths($path, $uriFname)."\" class=\"name\"><span class=\"material-symbols-outlined\">folder</span> $fName</a><a href=\"#\" data-path=\"".join_paths($path, $uriFname)."\" class=\"delete\"><span class=\"material-symbols-outlined\">delete</span></a><br></div>"; // Pętla wyświetlająca każdy element z $dirList w formie linku
|
||||||
|
} else {
|
||||||
|
// Plik
|
||||||
|
echo "<div class=\"plik\"><a href=\"file.php?name=".join_paths($path, $uriFname)."\" target=\"_blank\" class=\"name\"><span class=\"material-symbols-outlined\">draft</span> $fName</a><a href=\"#\" data-path=\"".join_paths($path, $uriFname)."\" class=\"delete\"><span class=\"material-symbols-outlined\">delete</span></a><br></div>"; // Pętla wyświetlająca każdy element z $dirList w formie linku
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const params = new URLSearchParams(window.location.search);
|
||||||
|
|
||||||
|
function createFolderPrompt() {
|
||||||
|
let folderName = prompt("Podaj nazwę nowego folderu");
|
||||||
|
|
||||||
|
if (folderName!==null) {
|
||||||
|
$.ajax({
|
||||||
|
url: "create-folder.php", type: "POST", contentType: 'application/json', data: JSON.stringify({ name: folderName, path: params.get('path') }), success: function () {
|
||||||
|
window.location.reload();
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setTimeout(() => {
|
||||||
|
lockButtons(false);
|
||||||
|
}, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function upload() {
|
||||||
|
const formData = new FormData();
|
||||||
|
|
||||||
|
formData.append("path", params.get('path'));
|
||||||
|
|
||||||
|
const selection = await window.showOpenFilePicker({multiple: false});
|
||||||
|
if (selection.length > 0) {
|
||||||
|
const file = await selection[0].getFile();
|
||||||
|
formData.append("file", file);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch("upload.php", {
|
||||||
|
method: "POST",
|
||||||
|
body: formData,
|
||||||
|
});
|
||||||
|
window.location.reload();
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function remove(name) {
|
||||||
|
const formData = new FormData();
|
||||||
|
|
||||||
|
formData.append("name", name);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch("remove.php", {
|
||||||
|
method: "POST",
|
||||||
|
body: formData,
|
||||||
|
});
|
||||||
|
window.location.reload();
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function lockButtons(state) {
|
||||||
|
if (state) {
|
||||||
|
$(".pliki").css({
|
||||||
|
opacity: 0.25,
|
||||||
|
"pointer-events": "none",
|
||||||
|
});
|
||||||
|
|
||||||
|
$("a").css("pointer-events", "none");
|
||||||
|
} else {
|
||||||
|
$(".pliki").css({
|
||||||
|
opacity: 1,
|
||||||
|
"pointer-events": "all",
|
||||||
|
});
|
||||||
|
|
||||||
|
$("a").css("pointer-events", "all");
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
$("a").on("click", function () {
|
||||||
|
lockButtons(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#uploadButton").on("click", upload);
|
||||||
|
|
||||||
|
$(".delete").on("click", async function () {
|
||||||
|
await remove($(this).data("path"));
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
85
public/style.css
Normal file
85
public/style.css
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'Quicksand', sans-serif;
|
||||||
|
background: rgb(242, 242, 242);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pobieranie {
|
||||||
|
padding: 40px;
|
||||||
|
font-family: 'Quicksand', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
font-family: 'Quicksand', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki {
|
||||||
|
line-height: 25px;
|
||||||
|
width: 500px;
|
||||||
|
max-width: 100vw;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-family: 'Quicksand', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki a {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki .plik {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plik .name, .plik .delete {
|
||||||
|
padding: 7px 12px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki .plik .name {
|
||||||
|
background: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
gap: 5px;
|
||||||
|
flex: 1;
|
||||||
|
border-top-left-radius: 20px;
|
||||||
|
border-bottom-left-radius: 20px;
|
||||||
|
border-right: rgb(208, 208, 208) solid 1px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki .plik .name:hover {
|
||||||
|
background: rgb(72, 91, 255);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki .plik .delete {
|
||||||
|
background: white;
|
||||||
|
color: red;
|
||||||
|
border-top-right-radius: 20px;
|
||||||
|
border-bottom-right-radius: 20px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pliki .plik .delete:hover {
|
||||||
|
background: red;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.path {
|
||||||
|
border-radius: 10px;
|
||||||
|
font-family: 'Fira Code', monospace;
|
||||||
|
padding: 3px 5px;
|
||||||
|
font-size: 17px;
|
||||||
|
border: black 1px solid;
|
||||||
|
}
|
||||||
30
public/upload.php
Normal file
30
public/upload.php
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<?php
|
||||||
|
function join_paths() {
|
||||||
|
$paths = array();
|
||||||
|
|
||||||
|
foreach (func_get_args() as $arg) {
|
||||||
|
if ($arg !== '') { $paths[] = $arg; }
|
||||||
|
}
|
||||||
|
|
||||||
|
return preg_replace('#/+#','/',join('/', $paths));
|
||||||
|
}
|
||||||
|
|
||||||
|
$filesDir = "../../files/"; // Musi kończyć się slashem!
|
||||||
|
$redirectRoute = "/pen"; // Adres względny do któego ma przekierować, jeżeli masz index.php w public/upload to powinno być to /upload
|
||||||
|
|
||||||
|
if (isset($_POST["path"])) { // Jeżeli to faktycznie jest formularz i zawiera ścieżke do kopiowania pliku
|
||||||
|
$targetFile = join_paths($filesDir, $_POST["path"], basename($_FILES["file"]["name"]));
|
||||||
|
|
||||||
|
if (!file_exists($targetFile)) {
|
||||||
|
if (move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)) { // Skopiuj zuploadowany plik do poprawnego miejsca na serwerze
|
||||||
|
http_response_code(200);
|
||||||
|
} else { // W razie gdyby coś nie wyszło po stronie serwera podczas kopiowania pliku
|
||||||
|
http_response_code(500);
|
||||||
|
echo "Sorry, there was an error uploading your file.";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
http_response_code(409);
|
||||||
|
echo "409 - Resource already exists (file already exists)";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
Loading…
Reference in New Issue
Block a user