从iframe读取数据以使用数据进行条件判断

Question

我正在创建一个页面上传图像，而不刷新页面使用iframe。我想要做的是通过iframe上传带有表单的图像，并将结果用于条件任务。我尝试了以下方法：

<iframe id="iframe" name="iframe">Inner code here, form and all inputs. </iframe>
<script>
data=document.getElementById("iframe").innerHTML;
</script>

但这并不适用于iframe，因为iframe只适用于source属性。然后我尝试使用window属性获取iframe的正文。

data=window.frames['iframe'].document.body.innerHTML;

但这也不起作用。帮助。提前谢谢。

Answer 1

我不完全清楚您正在尝试做什么，所以我将只列出我认为您发布的代码存在的潜在问题。

• 使用iframe标记时，只在不支持iframe的浏览器中显示开始标记和结束标记之间的任何文本。iframe的内容是从分配给iframe元素的src属性的url加载的。
• 为了获取包含iframe内容的文档，必须将iframe元素作为IFrame对象而不是窗口对象进行访问。为此，您必须使用document.getElementById() (就像您在第一个代码片段中所做的那样)；您不能使用window.frames[]数组。
• 在您的第二个代码片段中，您尝试通过使用帧的名称作为索引来访问window.frames[]数组的元素；这是不允许的。你可以在数组中使用数字索引，或者通过使用它的名称作为窗口的属性来访问框架，例如window.iframe.
• Once你已经使用document.getElementById()获得了一个iframe对象，你可以使用该对象的contentDocument属性来获取包含IFrame内容的文档。使用此对象，您可以调用getElementById等从iframe中检索所需的内容。
• 最后注意:请注意，同源策略控制您从另一个窗口或框架访问iframe属性的能力。具体而言，iframe源的域必须与包含尝试访问iframe属性的脚本的文档的域相同。