文件异步上传

其实这里所说的文件异步上传，是使用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>")