Javascript 单击“关闭”关闭弹出窗口和其他脚本

我不擅长Javascript和jquery等

使用和CSS弹出窗口，我试图创建一个文件上传，您可以通过选择剪切图像，然后取消或继续上传文件

我有一个弹出窗口，里面有图像，你可以裁剪你想要的图像部分。我目前的问题是，当您单击“取消”按钮时，裁剪高光仍然保留。我怎么才能把它也关上呢

我尝试了很多方法，检查它是否可以在另一个div被按下、隐藏或不可见的情况下隐藏该div，但我似乎什么都做不到

这是我的jsbin，但是上传部分不起作用，所以你实际上看不到那里的错误

提前感谢您的帮助

更新：

---

正在工作（直到它不工作！）示例：

看起来您需要执行cancelSelection（）（请参阅：）

为了访问该方法，您需要获取imgAreaSelect对象的引用。为此，请在

（或类似文件）中输入以下内容

然后将关闭按钮修改为：

  <div id="blanket" style="display:none;"></div>
  <div id="popUpDiv" style="display:none;">
    <a href="#" onclick="ias.cancelSelection();popup('popUpDiv'); ">Cancel</a>
    <img id="uploadPreview" style="display:none;"/>
  </div>

---

您修改的jsbin:

仍然没有显示在那里。我将在我的主机上创建一个示例并上传它。这里有一个正在工作的（直到它不工作！）例子。请注意，谢谢你，唐！虽然我们在这个问题上（ish）而不是开始一个新的问题。。。您知道一旦取消，是否可以重置文件字段？我使用onchange=“popup（'popUpDiv'）”来激活弹出窗口，但是如果您取消并再次尝试使用相同的图像，它显然不会将其视为更改。当按下取消按钮时，是否会给文件字段一个空值？再次感谢您，您需要将表单元素包装在一个标记中，然后调用该表单的reset（）。请参阅更新的jsbin以了解完整图片。超级、精彩、棒极了。谢谢你，唐！

  <div id="blanket" style="display:none;"></div>
  <div id="popUpDiv" style="display:none;">
    <a href="#" onclick="ias.cancelSelection();popup('popUpDiv'); ">Cancel</a>
    <img id="uploadPreview" style="display:none;"/>
  </div>