<?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 = 150;
$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');
$a = imagejpeg($dst_r,null,$jpeg_quality);
exit;
}
// If not a POST request, display page below:
?><html>
<head>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.Jcrop.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">
jQuery(function(){
jQuery('#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">
<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>
</div>
</div>
</div>
</body>
</html>
好用的JS图片裁剪工具——jquery.Jcrop-0.9.8 (官方修正版)
5星 · 超过95%的资源 需积分: 9 170 浏览量
2011-03-07
23:21:03
上传
评论
收藏 198KB ZIP 举报 
好用的JS图片裁剪工具——jquery.Jcrop-0.9.8 (官方修正版).zip （17个子文件） 
Jcrop css 
jquery.Jcrop.css 748B
Jcrop.gif 329B demos 
tutorial1.html 956B tutorial5.html 5KB tutorial3.html 2KB demo_files 
sagomod.png 77KB
sago.jpg 18KB flowers.jpg 45KB sagomod.jpg 16KB demos.css 558B tutorial4.html 2KB tutorial2.html 2KB crop.php 2KB js jquery.Jcrop.min.js 17KB jquery.Jcrop.js 25KB jquery.min.js 56KB index.html 2KB资源评论
zhajiag20022013-06-29这个可以完美运行。
wangtianqt2014-04-03可以运行，谢谢楼主分享
liuqiboluoxuejuan2016-03-26不错，学习啦- hanya0122013-11-05十分感谢，很好用
