0

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

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

4

2 回答 2

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");
于 2013-08-20T02:22:23.663 回答
0

如果我正确理解了您的问题,并假设您拥有要在页面中加载的图片网址

您可以简单地创建一个图像标签,将其 src 属性设置为图像 url,然后将其放在您的页面上

像这样

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

你可以在这里看到这个

于 2013-08-20T02:33:35.050 回答