如何删除jcrop？

我如何解读图像？

我正在添加jcrop;

$('#imgThumbnailer').Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); 

如何解除它呢？

编辑：

 $('#imgThumbnailer').attr("src", $obj.attr('thumbnailer_link')); var dlg = $("#ThumbnailDialog").dialog({ modal: false, draggable: false, position: 'center', zIndex: 99999, // Above the overlay closeText: '', width: 510, height: 500, open: function () { $('body').css("overflow", "hidden"); if ($.browser.msie) { $('html').css("overflow", "hidden"); } $("#loader").show(); var ratio = parseFloat($obj.attr('thumbnailer_ratio')); jcrop_api = $.Jcrop('#imgThumbnailer', { onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3, aspectRatio: ratio }); }, close: function () { $('body').css("overflow", "auto"); if ($.browser.msie) { $('html').css("overflow", "auto"); } $("#loader").hide(); }, buttons: { 'Set Thumbnail': function () { $(this).dialog('close'); }, Cancel: function () { jcrop_api.destroy(); jcrop_api = null; $(this).dialog('close'); } } }).parent(); dlg.appendTo(jQuery('form:first')); 

上面的代码对我不起作用。 我认为这与我在jquery对话框中使用它的事实有关。 http://code.google.com/p/jcrop/issues/detail?id=21

不确定如何修复它。

Answer 1

编辑：当您将jcrop添加到图像时，看起来需要维护对api的引用。

 // assign jcrop to jcrop_api var jcrop_api = $.Jcrop('#imgThumbnailer', { onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); // when you want to remove it jcrop_api.destroy(); 

Answer 2

我想知道同样的事情，在阅读源代码后发现了一个在v0.9.8中有效的简单解决方案（其他已发布的答案仅适用于当前的dev版本）。 如果你像这样启动Jcrop：

 $('#imgThumbnailer').Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); 

然后你可以访问api并通过以下方式销毁Jcrop：

 JcropAPI = $('#imgThumbnailer').data('Jcrop'); JcropAPI.destroy(); 

这对提问者来说可能为时已晚，但希望这对从谷歌偶然发现此页面的人有所帮助！

Answer 3

从Jcrop的v0.9.9版本开始，您需要按以下方式执行此操作：

 var jcrop_api; $('#target').Jcrop(options,function(){ jcrop_api = this; }); 

由创建者提供： http ： //deepliquid.com/content/Jcrop_API.html