Dateibrowser

Ein einfacher Dateibrowser, ideal um PHP-Scripte auf einem lokalen Webserver zu testen, die PHP-Scripte müssen dann nicht mehr umständlich über die Adresszeile des Browsers aufgerufen werden.

Der PHP-Code ist wirklich sehr einfach gehalten und zeigt an in welchem Verzeichnis man sich befindet. Außerdem werden weitere Verzeichnisse und die darin enthaltenen Dateien angezeigt.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8">
  <title>Dateibrowser</title>
 </head>
<body>

<?php
echo '<h3>. ($d $_GET["d"] ?? '.') . '</h3>';
foreach (
scandir($d) as $f
 echo 
'<a href="' . (is_dir($d '/' $f) ? '?d=' '') . $d '/' $f '">$f '</a><br>';
?>

</body>
</html>

Dateibrowser erweitern

Den Dateibrowser wollte ich irgendwie erweitern, neue Funktionen und Dateisymbole hinzufügen oder das Design anpassen etc. Hier mal ein paar Bildschirmfotos wie sich der Dateibrowser im Laufe der Jahre verändert hat.

[Bildschirmfoto / Grafik]
 Dateibrowser (2006) Nicht wirklich schön und ohne Funktionen.
Dateibrowser (2006) Nicht wirklich schön und ohne Funktionen.
[Bildschirmfoto / Grafik]
 Dateibrowser (2008) Neue Funktionen und die 'Brotkrumennavigation' sind hinzugekommen, das Design war nicht wichtig!
Dateibrowser (2008) Neue Funktionen und die 'Brotkrumennavigation' sind hinzugekommen, das Design war nicht wichtig!
[Bildschirmfoto / Grafik]
 Dateibrowser (2014) Mit Dateisymbolen und diesen 'schrecklichen Emoticons'!
Dateibrowser (2014) Mit Dateisymbolen und diesen 'schrecklichen Emoticons'!
[Bildschirmfoto / Grafik]
 Dateibrowser (aktuell) Die Symbole wurden reduziert und vereinheitlicht. Habe mir an den Webbrowsern ein paar Ideen ausgeliehen ;)
Dateibrowser (aktuell) Die Symbole wurden reduziert und vereinheitlicht. Habe mir an den Webbrowsern ein paar Ideen ausgeliehen ;)

Die Bildschirmfotos können von der aktuellen Version abweichen!

Voraussetzungen

Einen lokalen Webserver mit PHP 7.2 (oder höher) und Kenntnisse in HTML, CSS, JavaScript und PHP um das Script den eigenen Wünschen anpassen zu können.

Herunterladen dateibrowser.zip

Viel Spaß damit!

Hinweise, Fehler und Vorschläge, bitte hier in den Kommentaren eintragen.

Tipps

Mit JSON Daten zwischen JavaScript und PHP austauschen
JSON, ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
Zeitansage in JavaScript
Dieses JavaScript gibt die aktuelle Uhrzeit in Worten aus.
Responsives Design
Ob ein großer Monitor, ein Tablet oder Smartphone verwendet wird, das Design der Seite sollte sich automatisch der Größe des Gerätes anpassen.