<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div.polaroid {
width: 30%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
display: inline-block;
}
.polaroid img{
width:300px;
height:300px;
}
div.container {
text-align: center;
padding: 10px 20px;
}
</style>
</head>
<body>
<h1>Galería de imágenes</h1>
<a href="?borrar=pepe">test</a>
<form action="?" method="post" enctype="multipart/form-data">
Selecciona una foto:
<input type="file" name="foto">
<input type="submit">
</form>
<?php
$borrar= filter_input(INPUT_GET, "borrar");
if(!empty($borrar) && file_exists("fotos/".$borrar)){
unlink("fotos/".$borrar);
}
if (isset($_FILES['foto'])) {
if (strpos($_FILES['foto']['type'], "image") !== false) {
move_uploaded_file($_FILES['foto']['tmp_name'], "fotos/" . $_FILES['foto']['name']);
echo "Imagen subida<br>";
} else {
echo "Formato de archivo incorrecto. <br>";
}
}
//Ver un listado con los nombres de las imágenes que me han subido en fotos
$archivos = scandir("fotos");
array_shift($archivos);
array_shift($archivos);
foreach ($archivos as $archivo) {
?>
<div class="polaroid">
<img src="fotos/<?= $archivo ?>" alt="<?= $archivo ?>" style="width:100%">
<div class="container">
<p><?= $archivo ?> | <a href="?borrar=<?= $archivo ?>">Borrar</a></p>
</div>
</div>
<?php
}
?>
</body>
</html>
