Загрузите img в window.opener из дочернего окна, используя jQuery

Question

Я пытаюсь установить изображение в window.opener из открытого окна следующим образом:

$(document).ready(function(){
    $('a').click(function (event){
        event.preventDefault();
        var linkID =$(this).attr("id");         
        var imgSrcVal = $('img', this).attr("src");

        window.opener.document.getElementById("id_1").src=imgSrcVal;
     });
});

в родительском окне у меня есть тег img, который выглядит следующим образом:

<tr>
    <td style="height:250px;">
        <img src=""   width="110" height="250px" id="id_1"/>
    </td>
</tr>

canэто будет установлено и показано без обновления?и если нет, то как я могу сделать это Ajax-способом?

Answer 1

Убедитесь, что домен открывателя и текущее окно совпадают ( Одинаковая политика происхождения ). Если это правда, пути для новичка и текущего виджета могут не совпадать. Попробуйте сделать изображение URL-адрес абсолютным ...

$(document).ready(function(){
    $('a').click(function (event){
        event.preventDefault();
        var linkID =$(this).attr("id");         
        var imgSrcVal = $('img', this).attr("src");

        if (location.href.indexOf("/") != 0) {
            var base = location.href.replace(/(.+)(\/)(.*)/, "$1");
            imgSrcVal = base + "/" + imgSrcVal;
        }

        window.opener.document.getElementById("id_1").src = imgSrcVal;
     });
});