Publicado em 7 de abr.

Como salvar a imagem gerada pelo crop e enviar para um diretorio.

#php

Como pegar a imagem gerada pelo crop e enviar para um diretorio.

Quero salvar essa nova imagem e gravar o nome dela no banco de dados.

Consigo gerar a thumb mas nao trabalhar dai em diante.

Segue o codigo que estou usando:

Fonte: http://deepliquid.com/projects/Jcrop/demos...?demo=live_crop

crop.php

<?php

/**
* Jcrop image cropping plugin for jQuery
* Example cropping script
* @copyright 2008 Kelly Hallman
* More info: http://deepliquid.com/content/Jcrop_Implementation_Theory.html
*/

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

	$targ_w = $targ_h = 100;
	$jpeg_quality = 90;

	$src = 'demo_files/flowers.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:

?><html>
	<head>

 <script src="../js/jquery.pack.js"></script>
 <script src="../js/jquery.Jcrop.pack.js"></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(c)
 {
 $('#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>Jcrop - Crop Behavior</h1>

 <!-- This is the image we're attaching Jcrop to -->
 <img src="demo_files/flowers.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>

 <p>
 <b>An example server-side crop script.</b> Hidden form values
 are set when a selection is made. If you press the <i>Crop Image</i>
 button, the form will be submitted and a 150x150 thumbnail will be
 dumped to the browser. Try it!
 </p>

 <div id="dl_links">
 <a href="[http://deepliquid.com/content/Jcrop.html">Jcrop](http://deepliquid.com/content/Jcrop.html) Home</a> |
 <a href="[http://deepliquid.com/content/Jcrop_Manual.html">Manual](http://deepliquid.com/content/Jcrop_Manual.html) (Docs)</a>
 </div>

	</div>
	</div>
	</div>
	</body>

</html>

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...

$targ_w = $targ_h = 100; $jpeg_quality = 90; $src = 'demo_files/flowers.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; }

?><html> <head> <script src="../js/jquery.pack.js"></script> <script src="../js/jquery.Jcrop.pack.js"></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(c) { $('#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>Jcrop - Crop Behavior</h1>  <img src="demo_files/flowers.jpg" id="cropbox" />  <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> <p> <b>An example server-side crop script.</b> Hidden form values are set when a selection is made. If you press the <i>Crop Image</i> button, the form will be submitted and a 150x150 thumbnail will be dumped to the browser. Try it! </p> <div id="dl_links"> <a href="[http://deepliquid.com/content/Jcrop.html">Jcrop](http://deepliquid.com/content/Jcrop.html) Home</a> | <a href="[http://deepliquid.com/content/Jcrop_Manual.html">Manual](http://deepliquid.com/content/Jcrop_Manual.html) (Docs)</a> </div> </div> </div> </div> </body> </html>