我正在使用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內容。我錯過了什麼?
iframe具有src屬性,這是它如何獲得內容,而不是通過在