javascript - 将弹出窗口中的图像添加到父页面

Question

我编写了一个简单的图像编辑器PHP脚本，用户可以将图库中的图像添加到编辑器区域并最终合并所有图像。

现在我的问题是:

画廊作为弹出窗口打开，编辑器区域是父页面，当用户单击弹出页面中的项目时，我需要 javascript 或 jquery 代码，将图像添加到特定 div 中的父页面。

这是目标 div 代码:

        <div id="objects">
            <div class="obj_item"><img id="obj_1" class="ui-widget-content" src="elements/1.png" /></div>
            <div class="obj_item"><img id="obj_2" class="ui-widget-content" src="elements/2.png" /></div>
        </div>

请帮助我，谢谢

Answer 1

您可以使用window.opener定位父级

$('#objects', window.opener).append('image code');