我正在使用Jcrop进行图像上传/裁剪功能。第一部分工作得很好,但是执行Crop会引起头痛。我看了下列问题,似乎没有一个与我的问题完全相关。
创建上传的表单:
<img src="uploads/<?=$image_name?>" id="crop-me">
<form action="complete.php" method="post">
<input type="hidden" name="image_name" value="<?=$image_name?>">
<input type="hidden" name="x" id="x">
<input type="hidden" name="y" id="y">
<input type="hidden" name="x2" id="x2">
<input type="hidden" name="y2" id="y2">
<input type="hidden" name="w" id="w">
<input type="hidden" name="h" id="h">
<div class="form-group text-right">
<button type="submit" class="btn btn-primary">Crop</button>
</div>
</form>
My Jcrop javascript:
$(document).ready(function() {
$('#crop-me').Jcrop({
aspectRatio: 130 / 170, // 0.7647
minSize: [130, 170],
setSelect: [260, 340, 0, 0],
onChange: showCoords,
onSelect: showCoords
});
function showCoords(c) {
$("#x").val(c.x);
$("#y").val(c.y);
$("#x2").val(c.x2);
$("#y2").val(c.y2);
$("#w").val(c.w);
$("#h").val(c.h);
}
});
最后,complete.php
生成图像:
<?php
$targ_w = 130;
$targ_h = 170;
$jpeg_quality = 100;
$src = 'uploads' . $_POST['image_name'];
$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);
?>
我确实在complete.php
上得到了一个图像,在130x170维度,但它完全是黑色的。我认为它可能与宽高比计算/不对齐有关(我使用的代码是直接从Jcrop的教程/手册中提取的,但宽度和高度不同),但我真的不确定。
有人能看出我错在哪里吗?
注意:我已经检查过了,服务器肯定在运行GD扩展,v2.x
正如@BloodyKnuckles
指出的,这一行有一个错别字:
$src = 'uploads' . $_POST['image_name'];
在uploads
文件夹名称的末尾缺少/
,应该是:
$src = 'uploads/' . $_POST['image_name'];