Как получить высоту содержимого iframe, когда src закодирован в base64?

Question

Вот iframe, который я хочу показать содержимое динамически.

<iframe onload='resize()' id='ifr' src='data:text/html;charset=utf-8;base64,Encoded text here' width=100% height=400px></iframe>

Я пробовал что-то подобное .. но высота всегда возвращалась 0

function resize() {
   $('#ifr').height($('#ifr').contents().height());
}

Вот jsfiddle ..

https://jsfiddle.net/zetapark/rajz6sy5/1/

Answer 1

$ ('iframe') дает вам весь iframe в вашем документе, поэтому либо вы должны указать id для своего фрейма и использовать его как $ ('# MYiframe'), либо получить первый элемент из того, что возвращает jquert.

function resize() {
   $('iframe')[0].height($('iframe')[0].contents().height());
}

и я также нашел на SO это для изменения размера iframe для содержимого.

iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
iFrame.height = iFrame.contentWindow.document.body.scrollHeight;