技术分享 Flex2.0文件上传如何实现

开发 后端
本文向大家简单介绍一下Flex2.0文件上传问题,以前在Flex1.5的时候也做过,不过当初使用的是oreilly的cos.jar。Flex2.0和Flex1.5有哪些新特性呢,请看本文介绍。

本文和大家重点讨论一下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):
 

  1. packagecom.fileupload;  
  2. importjava.io.File;  
  3. importjava.io.IOException;  
  4. importjava.util.Iterator;  
  5. importjava.util.List;  
  6. importjavax.servlet.ServletException;  
  7. importjavax.servlet.http.HttpServlet;  
  8. importjavax.servlet.http.HttpServletRequest;  
  9. importjavax.servlet.http.HttpServletResponse;  
  10.  
  11. importorg.apache.commons.fileupload.FileItem;  
  12. importorg.apache.commons.fileupload.FileUploadException;  
  13. importorg.apache.commons.fileupload.disk.DiskFileItemFactory;  
  14. importorg.apache.commons.fileupload.servlet.ServletFileUpload;  
  15.  
  16. publicclassmyUploadextendsHttpServlet{  
  17.  
  18. privateStringuploadPath="D:\upload\";  
  19. privateintmaxPostSize=100*1024*1024;  
  20.  
  21. publicvoiddoPost(HttpServletRequestreq,HttpServletResponseres)  
  22. throwsServletException,IOException{  
  23. res.setContentType("text/html;charset=UTF-8");  
  24.  
  25. DiskFileItemFactoryfactory=newDiskFileItemFactory();  
  26. factory.setSizeThreshold(4096);  
  27.  
  28. ServletFileUploadupload=newServletFileUpload(factory);  
  29. upload.setSizeMax(maxPostSize);  
  30. try{  
  31. ListfileItems=upload.parseRequest(req);  
  32. Iteratoriter=fileItems.iterator();  
  33. while(iter.hasNext()){  
  34. FileItemitem=(FileItem)iter.next();  
  35. if(!item.isFormField()){  
  36. Stringname=item.getName();  
  37. try{  
  38. item.write(newFile(uploadPath+name));  
  39. }catch(Exceptione){  
  40. e.printStackTrace();  
  41. }  
  42. }  
  43. }  
  44. }catch(FileUploadExceptione){  
  45. e.printStackTrace();  
  46. }  
  47.  
  48. }  
  49. }  
  50.  

 存放在../src/com/fileupload

7.在web.xml中加入如下代码。(用于调用servlet)

  1. <servlet> 
  2.  
  3. <servlet-name>myUpload</servlet-name> 
  4.  
  5. <display-name>FileUploadServlet</display-name> 
  6.  
  7. <description>FileServletExample</description> 
  8.  
  9. <servlet-class>com.fileupload.myUpload</servlet-class> 
  10.  
  11. </servlet> 
  12. <servlet-mapping> 
  13.  
  14. <servlet-name>myUpload</servlet-name> 
  15.  
  16. <url-pattern>/myUpload</url-pattern> 
  17.  
  18. </servlet-mapping> 

 

【编辑推荐】

  1. 解析FlexSDK4的十大变化
  2. Flex必须了解的那些事
  3. 在Flex中使用样式的五大方法
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. Flex ComboBox和Datagrid组件用法指导
责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-10 15:38:32

Flex2.0

2010-07-28 09:18:03

Flex2.0

2010-07-28 09:10:41

Flex2.0

2010-08-10 16:30:05

Flex上传文件

2010-07-28 12:41:18

Flex组件

2010-07-28 09:24:31

Flex2.0

2010-08-05 13:07:11

FlexJson

2010-08-11 14:47:54

Flex样式

2010-08-02 16:33:11

Flex Spring

2010-08-10 14:08:09

Flex嵌入字体

2010-07-28 10:01:42

Flex 初始化

2010-08-06 11:19:24

FlexPaperFlex

2010-07-30 10:37:23

Flex数据绑定

2010-08-10 14:18:15

RationalFunFlex

2010-08-09 15:41:13

Flex字体

2010-08-04 13:30:11

Flex项目

2010-08-11 10:01:45

FlexJavaFlamingo

2010-08-10 14:25:42

SilkTestFlex

2010-08-12 15:10:17

Flex4

2010-07-27 13:46:18

Flex swf
点赞
收藏

51CTO技术栈公众号