javascript - 如何在提交后关闭彩盒窗口并刷新父页面上的图像？

Question

我使用 colorbox 进行模式显示，当用户单击图像进行更新时，它会为用户打开。一旦用户上传新图像并点击颜色框模式上的“提交”，该模式应该关闭并刷新父页面上的图像。

我在提交按钮中使用以下 onClick 事件:

  <input onClick='window.parent.location.reload(true);' type='submit' value='Submit' name='save_button' id='save_button'>

这将关闭模式并刷新父 page.php。但由于某种原因，它不会刷新旧图像以显示用户刚刚上传的新图像。

编辑:添加了 Colorbox 代码

调用颜色框的脚本与其他javascript代码冲突，因此我在颜色框代码上方添加了以下脚本，并将$更改为jQuery代码:

<script>jQuery.noConflict();
  jQuery(document).ready(function(){
  jQuery("iframe").hide();
  });

  $('input').hide();
</script>

<script>
  jQuery(document).ready(function(){
  jQuery(".iframe").colorbox({iframe:true, width:"748px", height:"92%"});
  });
</script>

有什么想法吗？

Answer 1

浏览器会创建缓存以加快浏览速度，如果您的图像 src[位置] 在页面刷新后相同，则浏览器会向您显示该图像的先前副本。您必须在每次重新加载时更改图像 src 属性的目标，或者通过函数执行相同的操作，如下所示:

$('img').each(function(){
$(this).attr('src',$(this).attr('src')+Datetime.now());
});