C'est archi simple, ça ne respecte aucun standard, c'est écrit en 10 minutes sur un coin de table et ça n'a pas vocation à faire plus, mais je me dis que ça peut éventuellement dépanner les gens.
Comme c'est fait pour un cas très particulier, ça gère les fichier .JPG (ouais, en majuscule, parce que l'APN sortait des fichiers comme ça) et .webm (en minuscule, parce qu'une fois converties, les vidéos avaient cette extension). Ca gère les vignettes pour les images (les gérer pour les vidéos est assez simple, mais en fait j'ai juste eu la flemme d'en faire
) si elles ont le même nom que le fichier, précédé de la lettre "m", et si elles sont dans ./thumbs.Ca permet de générer une liste des fichiers si on veut utiliser un plug-in de téléchargement de masse.
J'ai trouvé plein de trucs qui faisaient ça en mieux, mais qui étaient des extensions WordPress, ou demandaient 15000 extensions jQuery. Là, ça tient en quelques lignes et c'est tout (et ouais, quand je suis en vacances, j'utilise la balise <center>, je suis comme ça, moi
et je fais même des target vers _blank, et je ne mets pas de doctype).Voilà le code, vous pouvez vomir (j'ai moi-même un peu vomi en l'écrivant
), faites-en bon usage (ou pas ^^).<html>
<?php
$dir = './';
$files = scandir($dir);
?>
<script language='javascript'>
function setContent(content, type) {
if (type == "movie") {
content = "<center><video width='800' height='500' controls src='" + content + "'></video><br /><a href='" + content + " target='_blank'>Télécharger</a></center>";
}
if (type == "picture") {
content = "<center><img style='max-height:650px;image-orientation: from-image;' src='" + content + "'/><br /><a href='" + content + "' target='_blank'>Télécharger</a></center>";
}
document.getElementById('maincontainer').innerHTML = content;
}
</script>
<body style="background-color: black;">
<?php
if ($_GET["fileList"] == 1)
{
echo "<center><a href='./index.php?fileList=0'>Cacher la liste</a><br /><br/></center>";
foreach ($files as $myfile)
{
$ext = explode(".", $myfile);
$myext = end($ext);
$thumb = null;
if ($myext == "webm" || $myext == "JPG")
{
echo "<a href ='http://mysite.free.fr/MariageTS/$myfile'>http://mysite.free.fr/Mariage/$myfile</a><br /> ";
}
}
}
else
{
echo "<div id='mainthumbs' style='width:auto;overflow-y: scroll;height: 180px;position:absolute;top:0px;margin-bottom:20px;background-color: white;'>";
foreach ($files as $myfile)
{
$ext = explode(".", $myfile);
$myext = end($ext);
$thumb = null;
if ($myext == "webm")
{
$thumb = "./thumbs/movie.png";
$contentType = "movie";
}
elseif ($myext == "JPG")
{
$thumb = "./thumbs/m" . $myfile;
$contentType = "picture";
}
if ($thumb != null)
{
echo "<img src='$thumb' onclick='setContent(\"$myfile\", \"$contentType\")' style='border:1px solid black;max-height:150px;' alt='$myext'> ";
}
}
echo "</div>";
echo "<center><div id='maincontainer' style='width:1000px;height:670px;border:1px solid black;background-color: black;margin-top:200px;'></div></center>";
echo "<center><a href='./index.php?fileList=1'>Afficher la liste des fichiers</a></center>";
}
?>
</body>
</html>
pas que ce soit une "bonne" version, mais j'avais 5 minutes pour me distraire.
