通过其他页面重新加载帧

Question

我有一个包含iframe的页面。

当用户点击编辑图标时，打开新窗口以编辑此图像

完成编辑图像后，单击保存。

现在如何刷新ifram（第一张图片）来更新编辑过的图像？

在jquery或php中有办法吗？ 或者我应该使用网络套接字？

我可以使用此代码刷新调用编辑器的页面，但我只想重新加载帧。

    <script language="javascript" type="text/javascript"> 
      window.open(\'\',\'_parent\',\'\');window.close();
   </script>

抱歉我的英语不好。

Answer 1

由于这是一个新窗口，您首先需要到达window.opener的开场白。为您的iframe提供ID，然后您可以使用：document.getElementById来覆盖它。把它放在一起，就会是这样的：

 window.opener.document.getElementById('youriframe').location.reload( true );

您也可以在开启者上下文中调用方法：

// in window opener:
function refreshFrame() {
  document.getElementById('IdOfYourFrame').location.reload(true);
}

// in new window (window open) you call the method by:
window.opener.refreshFrame();

我整理了一个Codepen Expamle进行演示。请注意，这仅适用于不同窗口位置来自同一域（window.opener跨域安全性）的情况。