作者expect7 (小鸡)
看板Ajax
标题[问题] 有关AJAX 与 iframe的问题..请大家帮帮忙.
时间Fri Jun 22 16:10:21 2007
我打算用 iframe作档案上传的功能
可是现再发现一个问题，
如果我再HTML中直接加入
<iframe name="UpladFileProcess" id="UpladFileProcess" style="display:none">
</iframe>
就可以work..但是我现在想把 iframe藏起来
也就是用 Javascript....document.createElement("iframe")
可是我发现..可以work..但是..都是会另开新视窗..而不是在我
create的视窗当中出现..
以下附上片断程式码..
上传的Sorce网页
<form enctype="multipart/form-data" id="UploadFrom" method="post" name='UploadFrom'>
<table id='UploadFile' >
<tr>
<td colspan="4">
<div id="Upload_1">
<input type="hidden" name='Key' value="<?=$Key ?>" />
<input type="text" name="FileName" size="30" value="请输入档案名称" onclick="javascript:this.value=''"/>
<input type="file" name='File' />
<input type="button" onClick="FileSubmit()"/></td>
</div>
<div id="Upload_2" style="display:none">Uploading...............Please Wait</div>
</tr>
</table>
</form>
JS code
function FileSubmit(){
if(document.getElementById("UpladFileProcess")==null){
bodys=document.getElementsByTagName("body")[0];
iframe=document.createElement("iframe");
iframe.setAttribute('name','UpladFileProcess');
iframe.setAttribute('id','UpladFileProcess');
iframe.name="UpladFileProcess";
iframe.style.display='block';
document.body.appendChild(iframe);
}
FileForm=document.getElementById("UploadFrom");
FileForm.action="UploadFile.php";
FileForm.target=iframe.name;//这边我有试过直接给名子..但是不行
//document.getElementById("Upload_1").style.display="none";
//document.getElementById("Upload_2").style.display="block";
document.UploadFrom.submit();
}
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.70.73.186
※ 编辑: expect7 来自: 61.70.73.186 (06/22 16:11)
1F：推 ephesians:你的网页有<body>标签吗? 06/22 16:34
2F：推 expect7:有..iframe有成功新增 ... 06/22 16:40
3F：推 ephesians:FileForm.target=iframe.name,之前iframe是区域变数 06/22 17:02
4F：推 expect7:这行我有试过..直接打UpladFileProcess 06/22 17:36
5F：→ expect7:结果一样 06/22 17:37
6F：推 expect7:FileForm.target="UpladFileProcess"..试过了.. 06/22 17:46