Flex+Java Servlet文件上传实例

资源都是来自网上。本实例将展示使用Flex和java servlet上传文件。

 事前准备就是到 http://commons.apache.org 下载common-fileupload-1.1.1.jar以及common-io-1.2.jar两个包。

前台Flex代码：

Xml代码

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="init();">  
3. <mx:Script>  
4. <![CDATA[  
5. import flash.net.FileReference;  
6. import mx.controls.Alert;  
7. import mx.events.CloseEvent;  
8. import flash.events.*;  
10. private var file: FileReference;  
12. private function init(): void{  
13. Security.allowDomain("*");  
14. file = new FileReference();  
15. file.addEventListener(ProgressEvent.PROGRESS, onProgress);  
16. file.addEventListener(Event.SELECT, onSelect);  
17. file.addEventListener(Event.COMPLETE, completeHandle);  
18. }  
20. private function completeHandle(event:Event):void{  
21.     Alert.show("恭喜你，上传成功");  
22. }  
24. private function upload(): void{  
25. var imageTypes:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.png)", "*.jpg;*.jpeg;*.png");  
26. var allTypes:Array = new Array(imageTypes);  
27. file.browse(allTypes);  
28. file.browse();  
29. }  
30. private function onSelect(e: Event): void{  
31. Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",  
32. "确认上传",  
33. Alert.YES|Alert.NO,  
34. null,  
35. proceedWithUpload);  
36. }  
38. private function onProgress(e: ProgressEvent): void{  
39. lbProgress.text = " 已上传 " + e.bytesLoaded  
40. + " 字节，共 " + e.bytesTotal + " 字节";  
41. var proc: uint = e.bytesLoaded / e.bytesTotal * 100;  
42. bar.setProgress(proc, 100);  
43. bar.label= "当前进度: " + " " + proc + "%";  
44. }  
46. private function proceedWithUpload(e: CloseEvent): void{  
47. if (e.detail == Alert.YES){  
48. var request: URLRequest = new URLRequest("http://localhost:8080/FileUploaded/FileUploaded");  
49. try {  
50. file.upload(request);  
51. } catch (error:Error) {  
52. trace("上传失败");  
53. }  
55. }  
56. }  
57. ]]>  
58. </mx:Script>  
59.   
60. <mx:Canvas width="100%" height="100%" x="10" y="170" fontSize="15">  
61. <mx:VBox width="100%" horizontalAlign="center">  
62. <mx:Label id="lbProgress" text="上传"/>  
63. <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"  
64. minimum="0" visible="true" maximum="100" label="当前进度: 0%"  
65. direction="right" mode="manual" width="200"/>  
66.   
67. <mx:Button label="上传文件" click="upload();"/>  
68. </mx:VBox>  
69. </mx:Canvas>  
70. </mx:Application>  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="init();">
<mx:Script>
<![CDATA[
import flash.net.FileReference;
import mx.controls.Alert;
import mx.events.CloseEvent;
import flash.events.*;

private var file: FileReference;

private function init(): void{
Security.allowDomain("*");
file = new FileReference();
file.addEventListener(ProgressEvent.PROGRESS, onProgress);
file.addEventListener(Event.SELECT, onSelect);
file.addEventListener(Event.COMPLETE, completeHandle);
}

private function completeHandle(event:Event):void{
    Alert.show("恭喜你，上传成功");
}

private function upload(): void{
var imageTypes:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.png)", "*.jpg;*.jpeg;*.png");
var allTypes:Array = new Array(imageTypes);
file.browse(allTypes);
file.browse();
}
private function onSelect(e: Event): void{
Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
"确认上传",
Alert.YES|Alert.NO,
null,
proceedWithUpload);
}

private function onProgress(e: ProgressEvent): void{
lbProgress.text = " 已上传 " + e.bytesLoaded
+ " 字节，共 " + e.bytesTotal + " 字节";
var proc: uint = e.bytesLoaded / e.bytesTotal * 100;
bar.setProgress(proc, 100);
bar.label= "当前进度: " + " " + proc + "%";
}

private function proceedWithUpload(e: CloseEvent): void{
if (e.detail == Alert.YES){
var request: URLRequest = new URLRequest("http://localhost:8080/FileUploaded/FileUploaded");
try {
file.upload(request);
} catch (error:Error) {
trace("上传失败");
}

}
}
]]>
</mx:Script>

<mx:Canvas width="100%" height="100%" x="10" y="170" fontSize="15">
<mx:VBox width="100%" horizontalAlign="center">
<mx:Label id="lbProgress" text="上传"/>
<mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"
minimum="0" visible="true" maximum="100" label="当前进度: 0%"
direction="right" mode="manual" width="200"/>

<mx:Button label="上传文件" click="upload();"/>
</mx:VBox>
</mx:Canvas>
</mx:Application>

 

http://localhost:8080/FileUploaded/FileUploaded 就是你自己写的servlet的路径了。

接下来写的是Java Servlet:

Xml代码

1. package upload;   
2. import java.io.File;   
3. import java.io.IOException;   
4. import java.io.PrintWriter;   
5. import java.util.Iterator;   
6. import java.util.List;   
7.   
8. import javax.servlet.ServletException;   
9. import javax.servlet.http.HttpServlet;   
10. import javax.servlet.http.HttpServletRequest;   
11. import javax.servlet.http.HttpServletResponse;   
12.   
13. import org.apache.commons.fileupload.FileItem;   
14. import org.apache.commons.fileupload.FileUploadException;   
15. import org.apache.commons.fileupload.disk.DiskFileItemFactory;   
16. import org.apache.commons.fileupload.servlet.ServletFileUpload;   
17.   
18. /**   
19.  *   
20.  * @author crystal   
21.  */   
22. public class FileUploaded extends HttpServlet {   
23.   
24.     /**   
25.      * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.   
26.      * @param request servlet request   
27.      * @param response servlet response   
28.      */   
29.     // 定义文件的上传路径   
30.   
31.     private String uploadPath = "d://a//";   
32.   
33. // 限制文件的上传大小   
34.   
35.     private int maxPostSize = 100 * 1024 * 1024;   
36.   
37.     public FileUploaded() {   
38.         super();   
39.     }   
40.   
41.     public void destroy() {   
42.         super.destroy();   
43.     }   
44.   
45.     protected void processRequest(HttpServletRequest request, HttpServletResponse response)   
46.             throws ServletException, IOException {   
47.         System.out.println("Access !");   
48.         response.setContentType("text/html;charset=UTF-8");   
49.         PrintWriter out = response.getWriter();   
50.   
51. //保存文件到服务器中   
52.   
53.         DiskFileItemFactory factory = new DiskFileItemFactory();   
54.         factory.setSizeThreshold(4096);   
55.         ServletFileUpload upload = new ServletFileUpload(factory);   
56.         upload.setSizeMax(maxPostSize);   
57.         try {   
58.             List fileItems = upload.parseRequest(request);   
59.             Iterator iter = fileItems.iterator();   
60.             while (iter.hasNext()) {   
61.                 FileItem item = (FileItem) iter.next();   
62.                 if (!item.isFormField()) {   
63.                     String name = item.getName();   
64.                     System.out.println(name);   
65.                     try {   
66.                         item.write(new File(uploadPath + name));   
67.                        // SaveFile s = new SaveFile();   
68.   
69.                        // s.saveFile(name);   
70.   
71.                     } catch (Exception e) {   
72.                         e.printStackTrace();   
73.                     }   
74.                 }   
75.             }   
76.         } catch (FileUploadException e) {   
77.             e.printStackTrace();   
78.             System.out.println(e.getMessage() + "结束");   
79.         }   
80.     }   
81.   
82.     // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">  
83.   
84.     /**   
85.      * Handles the HTTP <code>GET</code> method.   
86.      * @param request servlet request   
87.      * @param response servlet response   
88.      */   
89.     protected void doGet(HttpServletRequest request, HttpServletResponse response)   
90.             throws ServletException, IOException {   
91.         processRequest(request, response);   
92.     }   
93.   
94.     /**   
95.      * Handles the HTTP <code>POST</code> method.   
96.      * @param request servlet request   
97.      * @param response servlet response   
98.      */   
99.     protected void doPost(HttpServletRequest request, HttpServletResponse response)   
100.             throws ServletException, IOException {   
101.         processRequest(request, response);   
102.     }   
103.   
104.     /**   
105.      * Returns a short description of the servlet.   
106.      */   
107.     public String getServletInfo() {   
108.         return "Short description";   
109.     }   
110.     // </editor-fold>  
111.   
112. }  

package upload;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Iterator;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**
 *
 * @author crystal
 */
public class FileUploaded extends HttpServlet {

    /**
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
     * @param request servlet request
     * @param response servlet response
     */
    // 定义文件的上传路径

    private String uploadPath = "d://a//";

// 限制文件的上传大小

    private int maxPostSize = 100 * 1024 * 1024;

    public FileUploaded() {
        super();
    }

    public void destroy() {
        super.destroy();
    }

    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        System.out.println("Access !");
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();

//保存文件到服务器中

        DiskFileItemFactory factory = new DiskFileItemFactory();
        factory.setSizeThreshold(4096);
        ServletFileUpload upload = new ServletFileUpload(factory);
        upload.setSizeMax(maxPostSize);
        try {
            List fileItems = upload.parseRequest(request);
            Iterator iter = fileItems.iterator();
            while (iter.hasNext()) {
                FileItem item = (FileItem) iter.next();
                if (!item.isFormField()) {
                    String name = item.getName();
                    System.out.println(name);
                    try {
                        item.write(new File(uploadPath + name));
                       // SaveFile s = new SaveFile();

                       // s.saveFile(name);

                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
            System.out.println(e.getMessage() + "结束");
        }
    }

    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">

    /**
     * Handles the HTTP <code>GET</code> method.
     * @param request servlet request
     * @param response servlet response
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     * Handles the HTTP <code>POST</code> method.
     * @param request servlet request
     * @param response servlet response
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     * Returns a short description of the servlet.
     */
    public String getServletInfo() {
        return "Short description";
    }
    // </editor-fold>

}

 如果使得你的Servlet被访问，你还需要在WEB-INF/web.xml 添加如下的xml语句：[在<web-app>中]

Xml代码

1. <!-- For file uploaded -->  
2.    <servlet>  
3.         <servlet-name>FileUploaded</servlet-name>  
4.         <servlet-class>upload.FileUploaded</servlet-class>  
5.     </servlet>  
6.   
7.     <servlet-mapping>  
8.         <servlet-name>FileUploaded</servlet-name>  
9.         <url-pattern>/FileUploaded</url-pattern>  
10.     </servlet-mapping>  

<!-- For file uploaded -->
   <servlet>
        <servlet-name>FileUploaded</servlet-name>
        <servlet-class>upload.FileUploaded</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>FileUploaded</servlet-name>
        <url-pattern>/FileUploaded</url-pattern>
    </servlet-mapping>

 效果图：