Flex+Java Servlet文件上传实例

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

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

前台Flex代码：

<?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:

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>中]

<!-- 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>

 效果图：

参考：

http://blog.csdn.net/meteorlWJ/archive/2008/06/01/2450234.aspx

http://swingchen.bokee.com/5943371.html

http://www.cnblogs.com/dannyr/archive/2006/11/13/559006.html

评论

19 楼 shitou_pengju 2013-01-28  

我用Eclipse 8.6 导入以后报错

18 楼 lingzhengquan 2012-02-22  

最好处理下中文，以免乱码
request.setCharacterEncoding("UTF-8");//防止文件名称带有汉字后传到服务器乱码

17 楼 qlong8807 2011-12-06  

必须得支持啊

16 楼 hnwangdan 2011-02-15  

   

15 楼 yexin218 2010-05-21  

tangfeng1107 写道

你好，我仿照你的例子写了一个测试程序，发现能够监听到Event.SELECT的事件，但是监听不到Event.COMPLETE的事件，配置WEB-INF/web.xml 也完全按照你说的办法，但是现在程序运行时选择文件上传，tomcat的控制台显示不出“Access”的内容，应该是servlet的没被调用，请问一下，servlet还需要什么特别的配置不？

不好意思，好久不弄Felx，很多都忘记了。你自己google吧

14 楼 tangfeng1107 2010-05-12  

你好，我仿照你的例子写了一个测试程序，发现能够监听到Event.SELECT的事件，但是监听不到Event.COMPLETE的事件，配置WEB-INF/web.xml 也完全按照你说的办法，但是现在程序运行时选择文件上传，tomcat的控制台显示不出“Access”的内容，应该是servlet的没被调用，请问一下，servlet还需要什么特别的配置不？

13 楼 yexin218 2010-03-27  

macemers 写道

请问怎么导入这个工程文件啊？！

不知道eclipse有没有这个功能，没有的话，自己新建工程

12 楼 macemers 2010-03-26  

请问怎么导入这个工程文件啊？！

11 楼 yexin218 2009-07-24  

silen85 写道

楼主这个东西太有用 了！

呵呵，那就好

10 楼 silen85 2009-07-24  

楼主这个东西太有用 了！

9 楼 piziwang 2008-12-03  

非常不错，得到好东西了，呵呵！ 万分感谢！ 

8 楼 nijiaben 2008-11-27  

谢谢楼主哈

7 楼 youxinxianglian 2008-11-20  

11111111

6 楼 hegang3 2008-09-24  

请问
后台得不到文件列表是怎么回事。我是把一个flex工程发布到一个web工程里的。

5 楼 yongboy 2008-08-23  

多谢
收下了~

4 楼 ssuhvs 2008-08-15  

强悍呀

3 楼 liufangmeng 2008-07-25  

doPost（） 哈哈 不好意思。。

顶下楼主

2 楼 liufangmeng 2008-07-25  

在哪个地方声明 调用这个类 就走 processRequest 方法呢？

1 楼 小甜甜弟弟 2008-06-24  

强