2013-05-05 67 views
1

我正在使用iframe文件上傳器(所以我的文件上傳器似乎是ajax)。我正在嘗試將我的網頁上的表格插入到iframe中。然後我將在iframe內提交表格。但是,它不起作用。這裏是我的代碼:如何使用jQuery將html動態加載到iFrame中?

的jQuery:

function submitFile() { 
    $(document).ready(function() { 
     if ($('[name=files]').val() != "") 
     { 
      var fileForm = $('#attachFile').html(); 
      $('#emptyDiv').html('<iframe name="hiddenIframe" id="hiddenIFrame">'+fileForm+'</iframe>'); 
     } 
    }); 
} 

HTML:

<body> 
    <div id="emptyDiv"></div> 
    <div id="attachFile"> 
     <form action="my_file.php" method="post" enctype="multipart/form-data" id="uploadFile"> 
      <input type="file" name="files" id="files"> 
      <input id="fileUploadButton" type="submit" name="upload" value="Upload File" onclick="submitFile()"> 
     </form> 
    </div> 
</body> 

這顯然不是一個完整的解決方案,但我注意到,提交表單後我設法得到的iframe插入到<div id="emptyDiv">元素中。然而,iframe裏面是下面的代碼:

#document 
<html> 
    <head></head> 
    <body></body> 
</html> 

但我希望看到iframe裏面是位於形式<div id="attachFile">內的HTML內容。我錯過了什麼?

+4

iframe具有src屬性,這是它如何獲得內容,而不是通過在