Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

manoaj

crop de imagem

Recommended Posts

Bom dia!, bom pessoal é o seguinte, eu tenho um codigo pra fazer o crop da imagem e ate ai tudo bem ele recorta e tal só que ele não salva essa imagem recortada e quando ele vai exibir a imagem ele deixa o fundo da tela preta e exibe só a imagem.

Resumindo , queria q ele salvasse a imagem,recortada no lugar da antiga e exibisse ela na página normal sem deixar o fundo preto.

 

 

Codigo

<?php

 

/**

* Jcrop image cropping plugin for jQuery

* Example cropping script

* @copyright 2008-2009 Kelly Hallman

* More info: http://deepliquid.com/content/Jcrop_Implementation_Theory.html

*/

 

if ($_SERVER['REQUEST_METHOD'] == 'POST')

{

$targ_w = $targ_h = 150;

$jpeg_quality = 100;

 

$src = 'demo_files/Chrysanthemum.jpg';

$img_r = imagecreatefromjpeg($src);

$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );

 

imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],

$targ_w,$targ_h,$_POST['w'],$_POST['h']);

 

header('Content-type: image/jpeg');

imagejpeg($dst_r, null, $jpeg_quality);

 

exit;

}

 

// If not a POST request, display page below:

 

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

 

<script src="../js/jquery.min.js" type="text/javascript"></script>

<script src="../js/jquery.Jcrop.js" type="text/javascript"></script>

<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />

<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />

 

<script language="Javascript">

 

$(function(){

 

$('#cropbox').Jcrop({

aspectRatio: 1,

onSelect: updateCoords

});

 

});

 

function updateCoords©

{

$('#x').val(c.x);

$('#y').val(c.y);

$('#w').val(c.w);

$('#h').val(c.h);

};

 

function checkCoords()

{

if (parseInt($('#w').val())) return true;

alert('Please select a crop region then press submit.');

return false;

};

 

</script>

 

</head>

 

<body>

 

<div id="outer">

<div class="jcExample">

<div class="article">

 

<h1>Crop jQuery</h1>

 

<!-- This is the image we're attaching Jcrop to -->

<img src="demo_files/Chrysanthemum.jpg" id="cropbox" />

 

<!-- This is the form that our event handler fills -->

<form action="crop.php" method="post" onsubmit="return checkCoords();">

<input type="hidden" id="x" name="x" />

<input type="hidden" id="y" name="y" />

<input type="hidden" id="w" name="w" />

<input type="hidden" id="h" name="h" />

<input type="submit" value="Crop Image" />

</form>

 

</div>

</div>

</div>

</body>

 

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.