文件上传iframe实现ajax

本文介绍了一种通过Ajax实现文件上传的功能,并详细解释了如何在上传完成后获取响应信息,包括设置请求方式、表单提交、隐藏iframe加载文件、获取响应数据等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<iframe id="frameId" name="ajaxFileLoad" style="display:none;"></iframe>

<form name="form1"  action="action.do" method="post" enctype="multipart/form-data" target="ajaxFileUpload">

<input id="file" type="file" name="file" value="上传">

</form>


js:

document.form1.submit();

var hiddenIframe = document.getElementById("frameId");

var content = hiddenIframe .contentWindow ?  hiddenIframe .contentWindow : hiddenIframe .content;

if(content .document.getElementById("msgInfo")==null){

setTimeout("getMsgInfo()",1000);

}

function getMsgInfo(){

var hiddenIframe = document.getElementById("frameId");

var content = hiddenIframe .contentWindow ?  hiddenIframe .contentWindow : hiddenIframe .content;

var getMsgInfo;

if(content .document.getElementById("msgInfo")==null){

getMsgInfo =  setInterval("getMsgInfo()",1000);

}else{

clearInterval(getMsgInfo);

}

}



action:


getResponse().setContentType(text/html);

try{

msg = "<div id='msgInfo'>"+msg+"</div>";

getResponse().getWriter().write(msg);

}catch(){

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值