Как получить высоту содержимого iframe, когда src закодирован в base64?
Вот 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 ..
Я сделал jsfiddle ... он не определен .. не 0 ..
ОК, как я и подозревал. Невозможно получить к нему доступ из-за той же политики происхождения. jsfiddle.net/t7fk1364 Можно попробовать установить document.domain = 'yourPageDomain' в теге скрипта внутри iframe
Не работает....
Правильно ... посмотрите на предупреждение системы безопасности в консоли, в котором говорится, что вы не можете получить доступ к объекту с перекрестным происхождением
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
$ ('iframe') предоставляет вам все iframe в вашем документе, поэтому вы должны либо указать идентификатор для своего фрейма и использовать его как $ ('# 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;
Можете ли вы создать работающую демонстрацию где-нибудь, например, jsfiddle, plunker, codepen и т. д.? Или даже в стеке, щелкнув
<>в редакторе вопросов.