Использовать содержимое IFRAME для основного окна

Добрый день. Стоит задача сделать загрузку файлов без перезагрузки страницы. Я не долго думая решил реализовать эту задачу через IFRAME. Все хорошо, файл загружается, сама страница не перезагружается(только невидимый IFRAME).

Загружаю картинки, и после успешной загрузки мне нужно сразу же показать пользователю эту картинку. От сервера получаю название картинки но проблема в том, что добавить эту картинку уже вне iframe не получается.
Код добавляет всегда картинку внутрь IFRAME а нужно в основное окно.

Вот функция которая срабатывает при событии onload для iframe

Код (Text):

1. function iload(){
2.     var photo = window.document.getElementById('fn').innerText;//сюда сервер положил название картинки
3.     var img = new Image();
4.     img.setAttribute('id', 'loaded_img');
5.     img.src = photo;//передали ссылку для отображения картинки
6.  
7.     document.getElementById('photo_container').appendChild(img);
8.  
9. }

Как можно это побороть? Спасибо