掌控上传进度的AAX` 雭.docVIP

掌控上传进度的AJAX Upload 作者：cleverpig 2007年02月13日 ?摘要: 2006年底Google了一下AJAX Upload实现，结果没有发现很完整的Java实现。硕果仅存的就是TELIO公司的Pierre-Alexandre发表的《AJAX Upload progress monitor for Commons-FileUpload Example》一文。虽然文中完成Upload工作的是Common-FileUpload组件，但在其代码中没有1.2版本所提供的Listener功能，这就对检测文件上传情况造成了困难... 动机：????????2006年底Google了一下AJAX Upload实现，结果没有发现很完整的Java实现。硕果仅存的就是TELIO公司的Pierre-Alexandre发表的《AJAX Upload progress monitor for Commons-FileUpload Example》文中提供的ajax-upload-1.0.war。????????虽然上文中完成Upload工作的是Apache的Common-FileUpload组件，但在其代码中所使用的FileUpload1.1版本并没有1.2版本所提供的上传处理Listener功能，这就对检测文件上传情况造成了困难。我想正是这个原因致使Pierre-Alexandre使用了DWR+MonitoredDiskFileItem、MonitoredDiskFileItemFactory类（分别继承DiskFileItem、DiskFileItemFactory）的方式：前者负责在web客户端进行Remote Call；后者在进行文件数据读取时统计数据总量、读取数据量、处理文件总数，并保存于Session中，以供web客户端通过DWR远程调用UploadMonitor类的getUploadInfo方法进行轮询（Poll）。????????从本人观点出发，Pierre-Alexandre实现的不足之处：????????1.没有用户取消上传功能；????????2.完全的DWR实现，没有使用Prototype，对于不会使用DWR的开发者来讲有一定的知识局限性，而且由于DWR的个性而造成不便将此实现集成到项目中。 Prototype+Servlet的实现： Prototype+Servlet的Example ????????所以出于研究Prototype之目的，本人经过仔细思考，尝试实现了一个Prototype+Servlet的简单Example。其工作流程很简单：1.在Form提交上传文件Field的同时，使用AJAX周期性地从Servlet轮询上传状态信息；2.然后，根据此信息更新进度条和相关文字，及时反映文件传输状态；3.如果用户取消上传操作，则进行相应的现场清理工作：删除已经上传的文件，在Form提交页面中显示相关信息；4.如果上传完毕，在Form提交页面中显示已经上传的文件内容（或链接），也可以与一些AJAX SlideShow应用结合在一起。服务器端代码：????????Bean序列化/反序列化工作：XmlUnSerializer这个类虽然不能够通吃任何模样的Bean，但应付一般的Bean、具有Collection类型属性的Bean和Bean List来讲还是够用的。????????{XmlUnSerializer类的核心方法serializeBean和serializeBeanList}: ????????/**???????? * 将bean系列化为UTF-8编码的xml???????? * @param beanObj???????? * @return???????? * @throws IOException???????? */????????public static String serializeBean(Object beanObj) throws IOException{????????…????????}????????/**???????? * 将bean列表序列化为UTF-8编码的xml???????? * @param beanObj???????? * @return???????? * @throws IOException???????? */????????public static String serializeBeanList(Object beanListObj) throws IOException{????????…????????} ????????文件上传状态Bean：使用FileUplo