2013-08-20 136 views
0

我有一个显示图像的页面。如果某个记录还没有与之相关的图像,我会向用户提供一个弹出窗口链接,以便他们可以上传图像。当用户在弹出窗口上提交表单时,它会刷新,上传图像,然后自动关闭。在弹出窗口关闭之前,我想刷新(不重新加载)父项。我不想重新加载的原因是因为我使用发布数据来动态填充页面内容。如果我重新加载,所有以前的数据都会丢失。我试图将window.opener.location.reload(true);更改为window.opener.location.refresh(true); ......但显然这不是一个有效的命令。可能刷新(不重新加载)与JavaScript的父页面?

有没有办法刷新父页,而不是简单地重新加载它?

+2

“刷新”指的是同样的事情,“重装“... – Doorknob

+0

好吧,当我重新加载页面时,我丢失了之前步骤中的所有帖子数据。重新加载似乎有与去url栏相同的效果,并按enter ...与按f5不同。 – Brds

+0

你如何加载父内容? – shapeshifter

回答

1

如果你想显示新上传的图像,那么最好的办法就是有像父页面上的功能:

top.refreshImage = function(url){ 
    $("#<ID_OF_IMAGE_TAG>").attr("src",url); 
    //Or if you are not using jQuery then usual way 
    document.getElementById("<ID_OF_IMAGE_TAG>").src=url; 
} 
从对话框

然后,图像上传调用这个函数后:

top.refreshImage("<URL_OF_NEWLY_UPLOADED_IMAGE"); 
0

如果我理解正确你的问题,并提出你有你想你的页面中加载图像URL

,你可以简单地创建图像标记前提 设置其src属性的图像URL ,然后把它放在你的页面上

这样

node = document.createElement('img'); 
node.setAttribute('src', imageUrl); 
list.appendChild(node); 

,你可以看到在行动这个here

相关问题