PHP + Jcrop 图像裁剪

div静态部分
<div class="container">
  <div class="row">
    <div class="span12">
      <div class="jc-demo-box">
        <img src="demo_files/head.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" class="btn btn-large btn-inverse" />
	  </form>
      </div>
    </div>
  </div>
</div>

js 部分
 <script src="../js/jquery.min.js"></script>
 <script src="../js/jquery.Jcrop.js"></script>
 <link rel="stylesheet" href="demo_files/main.css" type="text/css" />
 <link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
 <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />

<script type="text/javascript">
  $(function(){
	var jcropApi;
    $('#cropbox').Jcrop({
      aspectRatio: 1,
      onSelect: updateCoords,
	  allowResize:false,
	  minSize:[500,500]
    },function(){
		jcropApi = this;
	});
  });
  function updateCoords(c){
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
	console.log(c);
  };
  function checkCoords(){
    if (parseInt($('#w').val())) return true;
    alert('Please select a crop region then press submit.');
    return false;
  };
</script>

php 部分
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
	$targ_w = $targ_h = 200;
	$jpeg_quality = 90;

	$src = 'demo_files/pool.jpg';
	$src1 = 'demo_files/head122.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,$src1,$jpeg_quality);
	//exit;
}

下方为demo下载链接，联系站长要文件提取码