如何在另一个iframe中访问iframe内容？

Question

我有一个页面

<div id="editForm_container"> 
<form id="imageForm" name="imageForm" enctype="multipart/form-data" target="hiddenFrame" method="post" action="test.php">     

    <label><strong>File Name</strong></label> 
    <input type="file" name="fileupload" id="fileupload" /><br /> 
    <input type="submit" name="submit_image" id="submit_image" /> 

</form> 
<iframe id="hiddenFrame" name="hiddenFrame"></iframe> 

和我加载这个页面位于另一个页面的另一个iframe和我写这在我的JS文件

$("#imageFrame").load(function(){ 

this.imageFramecontent = $("#imageFrame").contents(); 
this.imageFramefields.fileField = this.imageFramecontent.find(":input[ name = 'fileupload' ]"); 
this.imageFrameform = this.imageFramecontent.find("form#imageForm"); 
this.hiddenFrame = this.imageFramecontent.find("iframe#hiddenFrame"); 

this.imageFramefields.fileField.change(function(){ 

    self.imageFrameform.submit(); 
    self.hiddenFrame.load(function(){ 

     alert(self.hiddenFrame.contents().html()); 
    });      
}); 

这将返回一个空警报。我如何获得#hiddenFrame内容？

Answer 1

你很近。 .contents()方法返回一组DOM元素，所以你需要指定你想返回html的元素。所以，你需要这样一行：

hiddenFrame.contents().find('html').html(); 

我不能完全得到样品流失你上面提供的代码，但我设法得到它具有以下调整工作：

$("#imageFrame").load(function(){ 

    imageFramecontent = $("#imageFrame").contents(); 
    imageFrameupload = imageFramecontent.find(":input[ name = 'fileupload' ]"); 
    imageFrameform = imageFramecontent.find("form#imageForm"); 
    hiddenFrame = imageFramecontent.find("iframe#hiddenFrame"); 

    imageFrameupload.change(function(){ 

     hiddenFrame.load(function(){ 

      alert(hiddenFrame.contents().find('html').html()); 

     }); 
     imageFrameform.submit(); 

    }); 
});