jCrop不更新隐藏字段

Question

我正在使用jCrop裁剪某人上传的图片。它在我的本地机器上工作正常，但在服务器中它无法更新隐藏字段中的坐标（裁剪区域）。

我试试手但仍无法找到问题：（

HTML

<form id="cropIt" action="crop.php" method="post">
            <input type="hidden" id="cropTop" name="x" value="0" />
            <input type="hidden" id="cropLeft" name="y" value="0" />
            <input type="hidden" id="cropWidth" name="w" value="0" />
            <input type="hidden" id="cropHeight" name="h" value="0" />
            <input type="hidden" id="image_name" name="image_name" value="<?php echo $uploadDir . $file; ?>" />
            <p style="paddin-top: 10px; text-align: center;"><input type="submit" name="cropImage" /></p>
        </form>

的JavaScript

function updateCoords(c) {
                $('#cropTop').val(c.x);
                $('#cropLeft').val(c.y);
                $('#cropWidth').val(c.w);
                $('#cropHeight').val(c.h);
            }

           function checkCoords() {
               if (parseInt($('#w').val())) {
                    return true;
                }
            //   alert('Please select a crop region then press submit.');
            //   return false;
           };

        $(function($) {
            var newImg = $("#profileImage").clone();
            newImg.css("display", "none").removeAttr("id").appendTo("body");
            var profileImgWidth = newImg.width();
            var profileImgHeight = newImg.height();

            newImg.remove();

            $('#profileImage').Jcrop({
                onSelect: updateCoords,
                onChange: updateCoords,
                boxWidth: 400, 
                boxHeight: 300,
                trueSize: [profileImgWidth, profileImgHeight]
            });
        });