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>"); ... } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |