jQuery-当我的模式窗口关闭时，从图像中删除图像区域选择

Question

我正在使用jquery插件“图像区域选择” http://odyniec.net/projects/imgareaselect/裁剪由我的用户上传的图像。

当用户上传图像文件时，我用来上传文件的php返回服务器上的文件位置并触发模式窗口。 在此模态窗口中，我使用.prepend将图像添加到#myModal中，如下所示：

$('#myModal').prepend('<img id="photo" src="../'+success+'" />');

然后，我将图像区域选择代码附加到此上传的图像上。

$('#photo').imgAreaSelect({aspectRatio: '1:1', handles: true, fadeSpeed: 200,  onSelectChange: preview});

我的问题是，如果使用imgAreaSelect选择图像的某个区域，然后单击以关闭模式窗口，则模式将消失，但是图像的轮廓以及裁剪手柄仍然存在！

在关闭我的模式窗口的javascript中，我尝试添加：

$('#photo').imgAreaSelect('');

分离imgAreaSelect，但该方法和其他变体均不起作用。 有人对如何解决这个问题有任何想法吗？

Answer 1

从文档中：

选项

remove如果设置为true，则插件将被完全删除。

所以我们假设是

$("#photo").imgAreaSelect({remove:true});

编辑：试试这个：

var myCroppable = $('#photo').imgAreaSelect({aspectRatio: '1:1', handles: true, fadeSpeed: 200,  onSelectChange: preview});

无论您现在何时调用imgAreaSelect可以使用。 现在，您有一个实例。 然后在“关闭”按钮或“保存缩略图”按钮上执行以下操作：

myCroppable.cancelSelection();

那应该工作。

Answer 2

尝试这个：

$('#photo').imgAreaSelect({disable:true,hide:true});