我在我的网站上的一个新功能,我陷入了很糟糕。 Im使用JCrop显然在我的网站上裁剪图像。
我现在有3个图像,颜色,灰度和棕褐色。
我可以使用javascript更改图像标签的源,所以图像更改没有重新加载,但我不能这样做一旦JCrop已启用,因为它取代了原来的图像一个新的。
我想我可以禁用JCrop,替换图像,然后重新启用,但我不能做这样的事情。
我发现JCrop被销毁的示例(Demo zip中的example5)使用一个对象:
jcrop_api = $ .Jcrop(‘#cropBox’);
但是我以不同的方式启用JCrop,更像示例3:
jQuery('#cropBox').Jcrop({ onChange: showPreview,onSelect: showPreview,aspectRatio: 1 });
如何破坏JCrop,以便我可以替换te图像?还有另一种方法吗?
解决方法
最新版本有setImage函数
http://deepliquid.com/projects/Jcrop/js/jquery.Jcrop.js
var jcrop_api; $().ready(function() { initJcrop(); function initJcrop() { jcrop_api = $.Jcrop('#cropBox'); }; });
然后调用
jcrop_api.setImage('server/uploads/image.jpg');
这里是一个例子