文件异步上传

其实这里所说的文件异步上传，是使用iframe来实现的，与页面的提交是两次对服务器的请求。

 

首先我们来看主页面main.htm，上传文件的FORM的代码：
 

< form  id ="uploadform"  method ="post"  action ="upload.do"  enctype ="multipart/form-data"  target ="result_frame"   >
        < input  type ="file"  id ="uploadFile"  name ="uploadFile"   />
</ form >

 

注意上面的  target="result_frame"  这个form的属性，指示了form提交后响应的对象

 

这个就是响应的iframe:

< iframe  id ="result_frame"  name ="result_frame" ></ iframe >

 

 在主页面中有这样一个脚本，脚本的作用是供iframe子页调用

 

< script type = " text/javascript " >
       function  callback(msg) {
            alert(msg);
      }
< / script>

 

 

 

 

服务器端代码：

在这里我不针对某种语言，不过以php asp 和 c# 为例

php

echo   " <script type='text/javascript'>parent.callback('ok')</script> " ;

 

c#

Response.Write( " <script type='text/javascript'>parent.callback('ok')</script> " );

 

asp

Response.Write( " <script type='text/javascript'>parent.callback('ok')</script> " )