方法来处理动态JavaScript的内容取决于用户输入

我的工作整合到Jcrop我的web应用程序。 Jcrop有一个javascript函数,其内容使用图片由网友上传,因此,JavaScript是动态的尺寸。 我有,我可以,但不知道怎么做法有些模糊的概念。

在这种情况下的事件序列是这样的:

  1. 用户选择要上传的图片
  2. 弹出窗口中将显示了(即AJAX),以使用户能够裁剪图片的能力。 这是通过使用Jcrop的,这就要求在下面的JavaScript完成。

Javascript代码:

function initCropping(width, height, preview_width, preview_height) { var jcrop = $.Jcrop('#cropbox', { onChange: showPreview, onSelect: showPreview, aspectRatio: 1, minSize: [preview_width, preview_height] }); $('#crop').filter(':button').click( function () { var selection = jcrop.tellSelect(); alert(selection.x + ', ' + selection.x2 + ', ' + selection.y + ', ' + selection.y2); }); // Our simple event handler, called from onChange and onSelect // event handlers, as per the Jcrop invocation above function showPreview(coords) { if (parseInt(coords.w) > 0) { var rx = {{ preview_width }} / coords.w; var ry = {{ preview_height }} / coords.h; $('#preview').css({ width: Math.round(rx * {{ width} }) + 'px', height: Math.round(ry * {{ height }}) + 'px', marginLeft: '-' + Math.round(rx * coords.x) + 'px', marginTop: '-' + Math.round(ry * coords.y) + 'px' }); } }; };

这里的问题是,{{宽度}}和{{高度}}是上传图片的尺寸,所以他们不能确定,直到第1步后,因此我调用JavaScript动态。

我有模糊的概念的方法是:

  1. 从我的Web服务器服务的JavaScript
  2. AJAXly发送图片的尺寸到客户端浏览器和另一个JavaScript函数建立在客户端为动态javascript函数。
  3. 一些其他的方法?

请分享你会采取在这种情况下,怎样(一个例子将是伟大的)的办法,为什么。 谢谢。

仅供参考。 我使用Django和jQuery的。

分类:JavaScript的 时间:2012-04-25 人气:0
本文关键词: JavaScript中,jQuery的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.338 (s). 9 q(s)