本文和大家重點討論一下Flex2.0如何從零開始實現(xiàn)文件上傳，F(xiàn)lex2.0Release之后用oreilly的上傳包做了一下上傳，成功。于是回到apache的common-fileupload-1.1.1來研究上傳。

Flex2.0從零開始實現(xiàn)文件上傳

以前在Flex1.5的時候也做過，不過當初使用的是oreilly的cos.jar。而且Flex1.5的時候在as里面無法直接引用FileReference類，只能寫一個上傳的as文件編譯成swf文件，然后load這個swf文件來實現(xiàn)上傳。當初的體驗是：非常之不爽！

Flex2.0Release之后用oreilly的上傳包做了一下上傳，成功。于是回到apache的common-fileupload-1.1.1來研究上傳。終于有了成果。再加上一直以來游走于各個論壇，發(fā)現(xiàn)好多工友對Flex2.0實現(xiàn)文件上傳都很感興趣。于是決定花一點時間將自己的成果跟大家分享一下。

（PS：以下介紹的步驟都是傻瓜式的，初學(xué)者也能馬上上手?。?/p>

1．環(huán)境的安裝以及配置就不說了，網(wǎng)上很多地方可以找到。（我的是：JDK1.4.2，F(xiàn)lexBuilder2，F(xiàn)lex2SDK，Tomcat4.1，Eclips3.0.1，不過據(jù)說現(xiàn)在Flex2.0要使用RemoteObject的話需要安裝JDK1.5）。

2．首先在Eclips中創(chuàng)建一個tomcat工程，例如取名為FileUpload。

3．找到Flex2.0SDK安裝目錄，將flex.war拷貝出來更名為flex.rar。解開這個包。將里面的META-INF以及WEB-INF文件夾拷貝到Eclips的工作目錄（我的是：d:workspaces）----即剛才創(chuàng)建的FileUpload目錄下。

4．FlexBuilder2下創(chuàng)建一個新的工程。具體步驟如圖。

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

7．在web.xml中加入如下代碼。（用于調(diào)用servlet）

<servlet> 
 
<servlet-name>myUpload</servlet-name> 
 
<display-name>FileUploadServlet</display-name> 
 
<description>FileServletExample</description> 
 
<servlet-class>com.fileupload.myUpload</servlet-class> 
 
</servlet> 
<servlet-mapping> 
 
<servlet-name>myUpload</servlet-name> 
 
<url-pattern>/myUpload</url-pattern> 
 
</servlet-mapping> 

【編輯推薦】

1. 解析FlexSDK4的十大變化
2. Flex必須了解的那些事
3. 在Flex中使用樣式的五大方法
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. Flex ComboBox和Datagrid組件用法指導(dǎo)