我正在使用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,但该方法和其他变体均不起作用。 有人对如何解决这个问题有任何想法吗?

===============>>#1 票数:0

从文档中:

选项

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

所以我们假设是

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

编辑 :试试这个:

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

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

myCroppable.cancelSelection();

那应该工作。

===============>>#2 票数:0 已采纳

尝试这个 :

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

更多选项的http://odyniec.net/projects/imgareaselect/usage.html

  ask by Zaphod Beeblebrox translate from so

未解决问题?本站智能推荐:

2回复

jQuery-使用删除图像从数组中删除li

我试图制作一个可以添加和删除<li>元素的菜单栏。 到目前为止,一切都很好,但是当我尝试删除它们时,我遇到了问题。 我已经玩了几个小时,现在我想知道是否可以简化整个过程(也许是一个对象?)。 无论如何,这是完整的代码(80行),后面还有注释。 因此,您看到我有两个长
1回复

jQuery-旋转图像

我试图创建图像旋转,但无法正常工作。 我尝试了来自不同站点的不同代码,但不知道出了什么问题。 这是我的代码。 var value = 0 $("#image").rotate({ bind: { click: function(){ value +=90; $(this)
1回复

jQuery-当我们点击另一个div时,从div中删除类

嗨,我需要进行互动。 当我们单击一个div时,需要添加一个类,当我们再次单击该类时,应删除它的自身。 我做到了,您可以在上面看到该代码。 我需要做的另一件事是,根据设计,我将div重复很多次。 因此,如果单击任何div,则该类应自动从之前单击的div中删除。 检查此链接以获取更多说明
2回复

jQuery-修剪图像以删除div

我正在尝试通过jquery在其中没有子元素时完全删除div。 我正在使用的变量是图像。 我似乎无法选择变量作为图像,我只知道如何通过文本来实现。 有人可以帮助我并解决此问题,因此它检测到div中包含一个img并显示它,并且在没有图像时不显示它。 我已经通过jsfiddle上传了它:
5回复

jQuery-通过选择选项加载图像

我正在尝试为使用jQuery选择的每个选项显示不同的图像(DIV <div id="Couleur13"></div> ),当我选择另一个选项(但不适用于预先选择的选项)时,它可以工作加载一秒钟后消失。 这是HTML(我无法修改此部分): 这是jQuery代
2回复

如何通过jquery-动态dropify将图像放入拖放区域(dropify)

我的网站上有一个dropify(拖放)区域。 我需要用现有图像填充拖放区域,以便用户可以查看旧图像并可以根据需要进行更改。 可能性1.有没有办法用旧文件名生成触发器。 所以dropify JavaScript可以检测到事件并可以处理休息2.有没有办法在dropify区域中从另一个JavaS
1回复

jQuery-如何同时在窗口区域和iframe scrll中滚动?

jQuery-如何同时在窗口区域和iframe scrll中滚动? 下面是我的代码,但不能正常工作 例如: http : //i.imgur.com/1gfhi.png
2回复

当我在jQuery datepicker中选择将来或过去的日期时,如何显示模式弹出窗口?

当我在jQuery datepicker中选择将来和过去的日期时,如何显示模式弹出窗口。 我正在使用v1.12.1 datepicker和jQuery v3.3.1 我在互联网上找到了一种方法,但这不是jQuery的最新版本。 所以它对我不起作用.. 示例在这里摆弄 这是我
3回复

jQuery-在悬停时将图像添加到父div

目标是让动画在鼠标悬停时出现,而在鼠标悬停时消失。 在WordPress中使用jQuery,因此没有冲突标签。 什么有效? 将FadeTo悬停并添加/删除附加类。 这是逐项进行的。 没什么 我已经将新图像准确地悬停在前面,但是悬停在任何img.readmore上都会在所有.e
1回复

jQuery-淡入和淡出时如何使图像重叠?

所以我有这个: https://jsfiddle.net/ysr50m2m/1/ HTML 的CSS 的JavaScript 我希望图像重叠。 当我单击图像时,下一个图像首先出现在底部,然后出现在第一张图像的位置。 我该如何解决这个问题? 提前致谢。