在角度6中获取IFrame img

时间:2018-12-04 05:01:59

标签: angular typescript

我的Angular应用中有一个iframe。 iframe的图像为base64格式。现在,我试图获取该图像的base64代码并将其存储在父页面/ Angular应用程序的变量中。有人可以帮忙吗?我找到了这篇文章

How to get data from Iframe with Angular 6

这是我的iframe HTML代码

<iframe src="http://eohdigitalappstore.co.za/test/test.html"></iframe>

我设法能够在iframe页面中获取元素,但现在尝试在元素树中获取图片

const doc =  this.iframe.nativeElement.contentDocument || this.iframe.nativeElement.contentWindow;
console.log(doc.body);

我可以指向下面的HTML元素树 enter image description here

1 个答案:

答案 0 :(得分:3)

使用视图子级,它将为您提供dtDateReceived,您可以从中访问ElementRef对象,该对象与普通JavaScript应用程序中的对象完全相同。

示例source):

nativeElement

其他有趣的读物:https://aakashgoel.com/capturing-the-load-event-of-an-iframe-a-case-study-1a3761c871fe

注意:如果您遵守same-origin policy,所有这些都是可能的。