Question

我正在使用Jcrop处理图片上传/裁剪功能。第一部分工作正常，但实施裁剪引起了令人头疼的问题。我看过the following questions，似乎没有一个与我的问题完全相关。

我创建上传的表单：

<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>

我的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 tutorial/manual的直接翻录，但具有不同的宽度和高度），但我真的不确定。

有人能看到我出错的地方吗？

注意：我已经检查过了，服务器肯定在运行GD扩展，v2.x

Answer 1

正如@BloodyKnuckles所指出的，这一行有一个错字：

$src = 'uploads' . $_POST['image_name'];

/文件夹名称末尾缺少uploads，应该已阅读：

$src = 'uploads/' . $_POST['image_name'];

使用Jcrop和PHP GD进行裁剪会创建黑色JPEG

1 个答案: