jquery – 使用JCrop时更改图像

前端之家收集整理的这篇文章主要介绍了jquery – 使用JCrop时更改图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上的一个新功能,我陷入了很糟糕。 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');

这里是一个例子

http://deepliquid.com/projects/Jcrop/demos/tutorial5.html

猜你在找的jQuery相关文章