我确信这很简单,但对于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,
但这似乎不起作用。
我已将变量移动到脚本中的不同位置,尝试使用和不使用单引号和双引号,括号等调用它。
如何让它发挥作用?