AJAX文件上传实现

仅用于个人知识总结，高手勿看。

 

由于文件上传是以二进制流的形式进行传输的，而身为AJAX的关键对象之一的xmlhttp对象传输的却是xml格式的字符流，导致要我们想要真正的实现AJAX异步文件上传的梦想破灭。于是不笨的高层应用程序员只好放弃xmlhttp对象，另谋出路。以下是一种解决方案的实现步骤：

 

（1）添加用于文件上传的form

<form name="upfile_form" action="/fileUploadServlet" method="POST"

enctype="multipart/form-data" target="screct_frame" >

  ......

 

</form>

作为文件上传用途，必须谨记两个方针：method="POST" 和 enctype="multipart/form-data"

（2）在表单所在页面添加一个隐藏的iframe，并将上传from标签的target属性指向frame。frame用于处理页面跳转，服务端输出响应(利用这个特性，可以模拟AJAX的回调函数实现)。

 <iframe name="screct_frame" style="display:none;"></iframe>

 

（3）

在表单所在页面撰写js模拟回调函数

var callback = function (result){

    // 成功或失败的标志，由你决定

if (result == 1) {

do whatever you want;

}else

   help youself;

}

(4) 在servlet 中处置完毕上传的文件后，用response输出js代码，实现回调callback方法

public void doPost(...){

// 处理上传的文件，可以见另一篇日志(点击访问)

// ...

response.getWriter().print("<script>parent.callBack(result);</script>"); ...

}