JQuery imgAreaSelect用PHP变量设置aspectRatio

时间:2014-02-25 00:45:01

标签: php jquery

我确信这很简单,但对于Java Script来说,我总是很笨拙。我已经使用Jquery插件imgAreaSelect&编写(或复制并改编,我应该说......)图像调整大小脚本阿贾克斯。它的工作原理应该如此。我只有一个问题:我希望能够动态设置宽高比。

这是脚本的代码:

function getSizes(im,obj)
{
    var x_axis = obj.x1;
    var x2_axis = obj.x2;
    var y_axis = obj.y1;
    var y2_axis = obj.y2;
    var thumb_width = obj.width;
    var thumb_height = obj.height;
    if(thumb_width > 0)
        {
                    $.ajax({
                        type:"GET",
                        url:"imagecrop/ajax_image.php?t=ajax&img="+$("#image_name").val()+"&w="+thumb_width+"&h="+thumb_height+"&x1="+x_axis+"&y1="+y_axis,
                        cache:false,
                        success:function(rsponse)
                            {
                             $("#cropimage").hide();
                                $("#thumbs").html("");
                                $("#thumbs").html("<img src='uploads/"+rsponse+"' />");
                            }
                    });
        }
    else
        alert("Please select portion..!");
    }
$(document).ready(function () {
    $('img#photo').imgAreaSelect({
        aspectRatio: '225:300',
        onSelectEnd: getSizes
    });
});

宽高比通过aspectRatio: '225:300'设置,这是一个字符串。我已经为php中的宽高比创建了一个会话变量作为精确字符串'225:300',我对如何将其传递给aspectRatio感到难过。

我已尝试将其设置为变量var aspect_ratio = <?php echo $_SESSION['aspect_ratio']; ?>;,然后调用aspectRatio: aspect_ratio,但这似乎不起作用。

我已将变量移动到脚本中的不同位置,尝试使用和不使用单引号和双引号,括号等调用它。

如何让它发挥作用?

0 个答案:

没有答案