enviar e exibir imagens em thumbnails (2)

Lembre-se de substituir 'sua_senha_correta' pela senha real que deseja utilizar. Importante antes de permitir a exclusão da imagem.


<!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 para exclusão
        if(isset($_POST['senha']) && isset($_POST['imagem'])){
            $senhaDigitada = $_POST['senha'];
            $imagem = $_POST['imagem'];

            // Verifique a senha (substitua 'sua_senha_correta' pela senha real)
            $senhaCorreta = 'sua_senha_correta';

            if ($senhaDigitada == $senhaCorreta) {
                // Senha correta, então exclua a imagem
                if(file_exists($caminho.$imagem)){
                    unlink($caminho.$imagem);
                }
            } else {
                // Senha incorreta, informe ao usuário
                echo "<p class='text-danger'>Senha incorreta. A imagem não foi apagada.</p>";
            }
        }

        // Verificando se o formulário foi submetido para upload
        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']);
            }
        }
        ?>

        <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 com campo de senha
                    echo "<form action='" . htmlspecialchars($_SERVER['PHP_SELF']) . "' method='post'>";
                    echo "<input type='hidden' name='imagem' value='" . $imagem . "'>";
                    echo "<div class='form-group'>";
                    echo "<label for='senha'>Digite a senha:</label>";
                    echo "<input type='password' name='senha' class='form-control' required>";
                    echo "</div>";
                    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>