技术分享 Flex2.0文件上传如何实现
本文和大家重点讨论一下Flex2.0如何从零开始实现文件上传,Flex2.0Release之后用oreilly的上传包做了一下上传,成功。于是回到apache的common-fileupload-1.1.1来研究上传。
Flex2.0从零开始实现文件上传
以前在Flex1.5的时候也做过,不过当初使用的是oreilly的cos.jar。而且Flex1.5的时候在as里面无法直接引用FileReference类,只能写一个上传的as文件编译成swf文件,然后load这个swf文件来实现上传。当初的体验是:非常之不爽!
Flex2.0Release之后用oreilly的上传包做了一下上传,成功。于是回到apache的common-fileupload-1.1.1来研究上传。终于有了成果。再加上一直以来游走于各个论坛,发现好多工友对Flex2.0实现文件上传都很感兴趣。于是决定花一点时间将自己的成果跟大家分享一下。
(PS:以下介绍的步骤都是傻瓜式的,初学者也能马上上手!)
1.环境的安装以及配置就不说了,网上很多地方可以找到。(我的是:JDK1.4.2,FlexBuilder2,Flex2SDK,Tomcat4.1,Eclips3.0.1,不过据说现在Flex2.0要使用RemoteObject的话需要安装JDK1.5)。
2.首先在Eclips中创建一个tomcat工程,例如取名为FileUpload。
3.找到Flex2.0SDK安装目录,将flex.war拷贝出来更名为flex.rar。解开这个包。将里面的META-INF以及WEB-INF文件夹拷贝到Eclips的工作目录(我的是:d:workspaces)----即刚才创建的FileUpload目录下。
4.FlexBuilder2下创建一个新的工程。具体步骤如图。
5.工程中引入common-fileupload-1.1.1.jar以及common-io-1.2.jar(没有的话去http://www.apache.org下载)。
6.编写上传servletmyUpload.java代码如下(上传文件存放路径为:d:upload):
packagecom.fileupload; importjava.io.File; importjava.io.IOException; importjava.util.Iterator; importjava.util.List; importjavax.servlet.ServletException; importjavax.servlet.http.HttpServlet; importjavax.servlet.http.HttpServletRequest; importjavax.servlet.http.HttpServletResponse; importorg.apache.commons.fileupload.FileItem; importorg.apache.commons.fileupload.FileUploadException; importorg.apache.commons.fileupload.disk.DiskFileItemFactory; importorg.apache.commons.fileupload.servlet.ServletFileUpload; publicclassmyUploadextendsHttpServlet{ privateStringuploadPath="D:\upload\"; privateintmaxPostSize=100*1024*1024; publicvoiddoPost(HttpServletRequestreq,HttpServletResponseres) throwsServletException,IOException{ res.setContentType("text/html;charset=UTF-8"); DiskFileItemFactoryfactory=newDiskFileItemFactory(); factory.setSizeThreshold(4096); ServletFileUploadupload=newServletFileUpload(factory); upload.setSizeMax(maxPostSize); try{ ListfileItems=upload.parseRequest(req); Iteratoriter=fileItems.iterator(); while(iter.hasNext()){ FileItemitem=(FileItem)iter.next(); if(!item.isFormField()){ Stringname=item.getName(); try{ item.write(newFile(uploadPath+name)); }catch(Exceptione){ e.printStackTrace(); } } } }catch(FileUploadExceptione){ e.printStackTrace(); } } }
存放在../src/com/fileupload