ok

Mini Shell

Direktori : /home/pequenacapitolio/www/administrador/
Upload File :
Current File : /home/pequenacapitolio/www/administrador/upload-imagens.php

<?php
include '../conexao.php';

if (! empty($_POST["upload"])) {

    $tamanho = $_POST["tamanho"];

    if (is_uploaded_file($_FILES['userImage']['tmp_name'])) {
        $targetPath = "uploads/temp" . $_FILES['userImage']['name'];



        if (move_uploaded_file($_FILES['userImage']['tmp_name'], $targetPath)) {
            $uploadedImagePath = $targetPath;
        }

        // ############# REDIMENSIONA A IMAGEM

        /* Inclui a classe */
        require 'classes/TutsupRedimensionaImagem.php';

        /* Cria a instancia da classe */
        $imagem = new TutsupRedimensionaImagem();

        /* Configura a imagem que vamos redimensionar */
        $imagem->imagem = $targetPath;

        /* 
        Configura a imagem de destino. Se você for apenas exibir uma imagem
        temporária, comente esta linha
        */
        $imagem->imagem_destino = $targetPath;

        /* 
        Se uma largura for definida, você pode deixar a classe calcular o aspect 
        ratio da imagem deixando a altura zerada. O mesmo vale para a largura, porém,
        uma altura deverá existir (uma das duas deve ser definida).

        Você também pode configurar as duas, neste caso você força a imagem a ter o 
        tamanho desejado
        */
        $imagem->largura = $tamanho;

        /* A nova altura será gerada automaticamente. */
        $imagem->altura = 0;

        /* Qualidade de 0 a 100 */
        $imagem->qualidade = 100;

        /* Gera a nova imagem */
        $nova_imagem = $imagem->executa();

    }
}
?>

<?php if (isset($_GET["idpag"]) && isset($_GET["idcomando"])){
$idpag = $_GET["idpag"];
$idcomando = $_GET["idcomando"];
}?>

<html>
<head>
<title>Upload and Crop Image using PHP and jQuery</title>
<link rel="stylesheet" href="jquery.Jcrop.min.css" type="text/css" />
<script src="jquery.min.js"></script>
<script src="jquery.Jcrop.min.js"></script>

<style>
body {
    text-align: center;
    font-family: Arial;
}

.bgColor {
    width: 100%;
    /* height: 150px;
    background-color: #fff4be;
    border-radius: 4px;
    margin-bottom: 30px; */
}

.inputFile {
    padding: 5px;
    background-color: #FFFFFF;
    border: #F0E8E0 1px solid;
    border-radius: 4px;
}

.btnSubmit {
    background-color: #696969;
    padding: 5px 30px;
    border: #696969 1px solid;
    border-radius: 4px;
    color: #FFFFFF;
    margin-top: 10px;
}

#uploadFormLayer {
    padding: 20px;
}

input#crop {
    /* padding: 5px 25px 5px 25px;
    background: lightseagreen;
    border: #485c61 1px solid;
    color: #FFF; */
    visibility: hidden;
}

#cropped_img {
    margin-top: 40px;
}

.jcrop-holder{ margin: 0 auto !important;}

</style>
</head>
<body>

<?php
$idpag2 = $_GET["idpag"];
$tipo = $_GET["tipo"];
$idconsulta = $_GET["idconsulta"];

$fotopresente = $conn->query("SELECT foto FROM ".$tipo." where ".$idconsulta." = ".$idpag2);
$fotospre = $fotopresente->fetch(PDO::FETCH_OBJ);

$imagePath = "uploads/parceiros/".$fotospre->foto;
if (! empty($uploadedImagePath)) {
    $imagePath = $uploadedImagePath;
}
?>
<?php if (isset($_GET["act"]) && $_GET["act"] == "concluir"){?>

    <div>
        <h2>Imagem salva com sucesso!</h2>
    </div>

    <script>
        
    </script>

<?php } else if (isset($_GET["act"]) && $_GET["act"] == "visualizar"){ ?>

    <div>
        <h1>Visualizar Foto</h1>
        
        <?php

        $ft = $conn->query("SELECT foto FROM ".$tipo." where ".$idconsulta." = ".$idpag2);
        $fotos = $ft->fetch(PDO::FETCH_OBJ);
        ?>

        <img src="uploads/parceiros/<?php echo $fotos->foto ?>" alt=""><br><br>

        <a href="/administrador/upload-imagens.php?idpag=<?php echo $idpag2 ?>&idcomando=<?php echo $idcomando  ?>&tipo=<?php echo $tipo ?>&idconsulta=<?php echo $idconsulta ?>" class="btnSubmit" style="text-decoration:none;">Voltar</a>
        
        <a href="/administrador/upload-imagens.php?act=concluir&idpag=<?php echo $idpag2 ?>&idcomando=<?php echo $idcomando  ?>&tipo=<?php echo $tipo ?>&idconsulta=<?php echo $idconsulta ?>" class="btnSubmit" style="text-decoration:none;">Concluir</a>
    </div>

<?php } else{ ?>    
    <div class="bgColor">
        <form id="uploadForm" action="" method="post"
            enctype="multipart/form-data">

            <div id="uploadFormLayer">
                <input name="userImage" id="userImage" type="file"
                    class="inputFile" style="margin-right:20px;">

                
                
                <select name="tamanho" style="margin-right:20px;" required>
                    <option value="">Selecione a Dimensão</option>
                    <option value="1280">1280px - Largura</option>
                    <option value="800">800px - Largura</option>
                    <option value="500">500px - Largura</option>
                    <option value="200">200px - Largura</option>
                </select>

                <input type="submit"
                    name="upload" value="Selecionar Imagem" class="btnSubmit" style="margin-right:20px; cursor:pointer;">
            </div>
        </form>
    </div>
    <div>
        <img src="<?php echo $imagePath; ?>" id="cropbox" class="img" /><br />
    </div>
    <div id="btn">
        <input type='button' id="crop"  class="btnSubmit" value='Cortar e Enviar' style="cursor:pointer;">
    </div>
<?php } ?>

<script type="text/javascript">
$(document).ready(function(){
    var size;
    $('#cropbox').Jcrop({
      aspectRatio: 16 / 9,
      onSelect: function(c){
       size = {x:c.x,y:c.y,w:c.w,h:c.h};
       $("#crop").css("visibility", "visible");     
      }
    });
    
    

    $("#crop").click(function(){
        var img = $("#cropbox").attr('src');
        $("#cropped_img").show();
        fetch('image-crop.php?x='+size.x+'&y='+size.y+'&w='+size.w+'&h='+size.h+'&img='+img+'&idpag='+<?php echo $idpag ?>+'&idcomando='+<?php echo $idcomando ?>).then(function () {
            window.location.href = "/administrador/upload-imagens.php?act=visualizar&tipo=<?php echo $_GET["tipo"] ?>&idpag=<?php echo $idpag ?>&idcomando=<?php echo $idcomando  ?>&idconsulta=<?php echo $idconsulta ?>"; 
        })
    });

});
</script>

<style>
    
</style>

</body>
</html>

Zerion Mini Shell 1.0