enviar e exibir imagens em thumbnails

<!DOCTYPE html>
<html>
<head>
    <title>Formulário de Envio de Imagem</title>
    <!-- Adicionando Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Formulário de Envio de Imagem</h1>
            <?php
    // Definindo o caminho da pasta de imagens
    $caminho = "imagens/";

    // Verificando se a pasta existe. Se não existir, cria a pasta
    if (!file_exists($caminho)) {
        mkdir($caminho);
    }

    // Verificando se o formulário foi submetido
    if(isset($_FILES['imagem'])){
        $arquivo = $_FILES['imagem'];

        // Verificando se o arquivo é uma imagem
        if($arquivo['type'] == "image/jpeg" || $arquivo['type'] == "image/png"){
            // Movendo o arquivo para a pasta de imagens
            move_uploaded_file($arquivo['tmp_name'], $caminho.$arquivo['name']);
        }
    }

    // Verificando se o arquivo a ser apagado foi enviado via POST
    if(isset($_POST['imagem'])){
        $imagem = $_POST['imagem'];

        // Verificando se o arquivo existe na pasta
        if(file_exists($caminho.$imagem)){
            // Apagando o arquivo
            unlink($caminho.$imagem);
        }
    }
    ?>

    <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post" enctype="multipart/form-data">
        <div class="form-group">
            <label for="imagem">Selecione a imagem:</label>
            <input type="file" name="imagem" class="form-control-file" id="imagem">
        </div>
        <input type="submit" value="Enviar Imagem" class="btn btn-primary">
    </form>
    <br>
    <hr>

    <p><h4>Imagens enviadas:</h4></p>

    <div class="row">
        <?php
        // Listando as imagens na pasta
        $imagens = scandir($caminho);
        foreach($imagens as $imagem){
            if($imagem !== '.' && $imagem !== '..'){
                // Exibindo a imagem em formato thumbnail
                echo "<div class='col-md-3'>";
                echo "<a href='" . $caminho . $imagem . "' target='_blank'><img src='" . $caminho . $imagem . "' class='img-thumbnail'></a>";
                echo "<p>" . $imagem . "</p>";
                // Botão de apagar imagem
                echo "<form action='" . htmlspecialchars($_SERVER['PHP_SELF']) . "' method='post'>";
                echo "<input type='hidden' name='imagem' value='" . $imagem . "'>";
                echo "<input type='submit' value='Apagar' class='btn btn-danger'>";
                echo "</form>";
                echo "</div>";
            }
        }
        ?>
    </div>
</div>

<!-- Adicionando os scripts do Bootstrap -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

</body>
</html>