梅耀向说道：

你好！ 当我 第一次上传图裁剪没有问题，第二次上传图片的时候发现缩略图出不来了

zona说道：

你好，图片过大的话，如将图片通过样式按比例缩小，裁剪出来的图片不是你选择的的那个区域。

hello说道：

这个可以设置选框成固定比例嘛

夜来香说道：

看完顶一下.哈哈

dong说道：

Good Job !

小桥流水说道：

”•PHP页面下的剪裁示范“ 是动态的生成了缩略图，”•锁定纵横比/剪裁效果图预览“也是动态的生成了缩略图，一个是用纯js实现的，一个是用js+php实现的，仅仅是实现语言的不同吗?有什么其它的不一样吗？比方说效率方面的，谢谢。

mardy说道：

这个插件有BUG 就是6楼所说的
7楼的回答是不正确的 不要被误解 那样根本解决不了bug只改变了css里的高和宽怎么可能啊大哥
需要对那张图用php处理 等比例缩放 然后返回到客户端再显示 这才能行
我的和你们写法不一样 所以我发下代码 仅供参考
$targetFolder = ‘/preview’; // Relative to the root
if (!empty($_FILES[‘Filedata’])) {
$tempFile = $_FILES[‘Filedata’][‘tmp_name’];
$targetPath = $_SERVER[‘DOCUMENT_ROOT’] . $targetFolder;
$targetFile = rtrim($targetPath,’/’) . ‘/’ .time().$_FILES[‘Filedata’][‘name’];

// Validate the file type
$fileTypes = array(‘jpg’,’jpeg’,’gif’,’png’); // File extensions
$fileParts = pathinfo($_FILES[‘Filedata’][‘name’]);

if (in_array($fileParts[‘extension’],$fileTypes)) {
$result=move_uploaded_file($tempFile,$targetFile);
if($result)
{
$thumbname=time().$_FILES[‘Filedata’][‘name’];//先获得原地址 然后处理图片后覆盖
$src=$targetFile;
$imginfo=getimagesize($src);
$imtype=$imginfo[2];
$imw=$imginfo[0];
$imh=$imginfo[1];
//缩放图
if($imw>$imh){
$timw=400;//如果宽比长 大 那么宽就等于400
$bili=$imh/$imw;//获得比例
echo $timh=$timw*$bili;//获得缩显图的高
}
else
{
$timh=400;//如果长比宽 大 那么长就等于400
$bili=$imw/$imh;//获得比例
$timw=$timh*$bili;//获得缩显图的宽
}
if($imw==$imh)
{
$imw=$imh=400;
}
switch ($imtype)
{
case 1:$img_r=imagecreatefromgif($src);break;
case 2:$img_r=imagecreatefromjpeg($src);break;
case 3:$img_r=imagecreatefrompng($src);break;
case 6:$img_r=imagecreatefrombmp($src);break;
case 15:$img_r=imagecreatefromwbmp($src);break;
case 16:$img_r=imagecreatefromxbm($src);break;
case IMG_XPM:$img_r=imagecreatefromxpm($src);break;
}
$suofang = ImageCreateTrueColor($timw,$timh);
imagecopyresampled($suofang,$img_r,0,0,0,0,$timw,$timh,$imw,$imh);
imagejpeg($suofang,$_SERVER[‘DOCUMENT_ROOT’].’/preview’.’/’.$thumbname,90);
}
$data[‘status’]=’1′;
$data[‘filename’]=$thumbname; //返回处理后的图片名字
echo json_encode($data);
} else {
echo ‘Invalid file type.’;
}

wengcan.sinaapp.com说道：

6楼的解决方法挺简单；我是这么做的
图片宽度高度均不会超过400px
function imgresize(){
headImage = new Image();
headImage.src = $( ‘#cropbox’).attr( “src”);
if(headImage.height<=400){
zoomRatio=headImage.width/400;
$('#cropbox').height(headImage.height/zoomRatio)
$('#cropbox').width(400)
}else{
zoomRatio=headImage.height/400;
$('#cropbox').height(400);
$('#cropbox').width(headImage.width/zoomRatio);
$('#headcontainer').css({height:"400px"});
}
}

————————–分界线————————————-

请教博主一些问题

我想裁剪的图片是用户通过html5拖拽上传至 浏览器上传到服务器 在加载 上传的这个图片的图片地址

部分代码

function imgcrop(i){
$(".maskDiv").hide("fast");
$('#dropbox').remove();
$("#headUploadDone").show();
$( '#headcontainer').empty();
$( '#headcontainer').append("”);
$( ‘#cropbox’).attr(“src”,”./images/avator/orginal/”+i);
imgresize();
$(‘#croppreview’).attr(“src”,”./images/avator/orginal/”+i);
$(‘#f’).val(i);
}
结果发现图片加载了之后 jcrop 不工作了；

Jcrop在IE6下面的问题。说道：

我发现Jcrop在IE6下面只改变高度会出现一个Bug。
在官网中没发现这个问题。
我对比源文件后发现应该是网页 跟xmlns定义的问题

官网上面是没有定义这些内容。。在他的示例中确实没有发现问题。
但是自己操作的时候就出现了问题。包括博主你的示例