flex上传文件

浏览数：40 / 时间：2015年06月09日

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" horizontalAlign="left" initialize="init()" layout="vertical"
                viewSourceURL="srcview/index.html">
     <mx:NumberFormatter id="filesizeFormatter" useThousandsSeparator="true"/>
     <mx:Script>
         <![CDATA[
             import mx.events.CollectionEvent; 
             import mx.formatters.NumberFormatter;
             import mx.formatters.CurrencyFormatter;
             import mx.collections.ArrayCollection;
             import mx.controls.Alert;
             private var fileRefs:FileReferenceList = new FileReferenceList();
             //这个地址是我测试用的服务器地址
             private var urlrequest:URLRequest = new URLRequest("http://localhost:8080/upload/UploadFile");
             [Bindable]
             private var selectedFiles:ArrayCollection = new ArrayCollection([]);
             private var list:ArrayCollection = new ArrayCollection([]);
             private var singleThreadFiles:Array = [];
             [Bindable]
             private var useSingleThread:Boolean = true;
             private function init():void
             {
                 Security.allowDomain("*");
                 fileRefs.addEventListener(Event.SELECT, fileSelectHandler);
                 fileRefs.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
                 fileRefs.addEventListener(Event.COMPLETE, completeHandler);
                 addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);   
                 up.enabled = false;
             }
             
             private function selectFile():void
             {
                 /* fileRefs.browse([new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png"),
                     new FileFilter("所有文件(*.*)", "*.*")
                 ]); */
                 fileRefs.browse();
             }
             
             private function fileSelectHandler(event: Event):void
             {
                 for each (var f:FileReference in fileRefs.fileList)
                 {
                     selectedFiles.addItem(f);
                 }
                 up.enabled = true;
             }
             
             private function uploadFile():void
             {               
                 for each (var f:FileReference in selectedFiles)
                 {           
                     try
                     {
                         f.upload(urlrequest);
                     }
                     catch (e: Error)
                     {
                         Alert.show(e.message);
                     }
                 }
                 up.enabled = false;
             }
             
             private function ioErrorHandler(e:IOErrorEvent):void
             {
                 Alert.show(e.text);
             }
             
             private function completeHandler(e:Event):void
             {
                 Alert.show("e.target.data");
                 //img.source = e.target.data;
                 Alert.show("aa");
                 Alert.show(selectedFiles.length.toString());
             }
             
             private function showImage(e:Event): void
             {               
                 var f:FileReference = (e.target as DataGrid).selectedItem as FileReference;
                 f.addEventListener(Event.COMPLETE, completeHandler);
                 f.load();
             }
            /*  
             public function removeFile(f:FileReference): void
             {
                 var index: int = selectedFiles.getItemIndex(f);
                 if (index != -1)
                     selectedFiles.removeItemAt(index);
             } */
         ]]>
     </mx:Script>
     <mx:VBox>
         <mx:HBox width="100%">
             <!--<mx:Box width="100%" horizontalAlign="right">
                 <mx:Button label="清空" click="selectedFiles.removeAll();"/>
             </mx:Box>-->
         </mx:HBox>
         <mx:DataGrid id="files" change="/* showImage(event)  */" dataProvider="{selectedFiles}">
             <mx:columns>
                 <mx:DataGridColumn width="150" dataField="name" headerText="文件名"/>
                 <mx:DataGridColumn dataField="size" headerText="大小(字节)">
                     <mx:itemRenderer>
                         <mx:Component>
                             <mx:Label text="{outerDocument.filesizeFormatter.format(data.size)}"
                                       textAlign="right"/>
                         </mx:Component>
                     </mx:itemRenderer>
                 </mx:DataGridColumn>
                 <mx:DataGridColumn width="300" headerText="上传进度">
                     <mx:itemRenderer>
                         <mx:Component>
                             <mx:HBox fontSize="10" fontThickness="1" fontWeight="normal">
                                 <mx:Script>
                                     <![CDATA[
                                         import flash.profiler.showRedrawRegions;
                                         import mx.controls.Alert;
                                         import mx.controls.ProgressBar;
                                         private function initProgressBar(event: Event): void
                                         {
                                             //使progressbar与file关联，从而产生进度条
                                             var pb: ProgressBar = event.target as ProgressBar;
                                             pb.label = "%3%%";
                                             pb.setProgress(0, 100);
                                             var f: FileReference = data as FileReference;
                                             //使用闭包方法，更新进度条
                                             f.addEventListener(ProgressEvent.PROGRESS,
                                                 function(event: ProgressEvent): void
                                                 {
                                                     pb.setProgress(event.bytesLoaded, event.bytesTotal);
                                                 }
                                             );
                                             f.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,
                                                 function (event: DataEvent): void
                                                 {
                                                     //服务器端一定要返回数据，否则，这个方法就不起作用了
                                                     pb.label = event.data;
                                                 }
                                             );                                           
                                         }
                                     ]]>
                                 </mx:Script>
                                 <mx:ProgressBar width="100%" label="%3%%"
                                                 creationComplete="initProgressBar(event)"
                                                 labelPlacement="center" maximum="100" minimum="0"
                                                 mode="manual" paddingLeft="5" paddingRight="5"
                                                 textAlign="left" verticalCenter="true"/>
                                 <!--<mx:LinkButton label="Cancel">
                                     <mx:click>
                                         <![CDATA[
                                         var f: FileReference = data as FileReference;
                                         f.cancel();
                                         ]]>
                                     </mx:click>
                                 </mx:LinkButton>-->
                                 <!--<mx:LinkButton label="Delete">
                                     <mx:click>
                                         <![CDATA[
                                         var f: FileReference = data as FileReference;
                                         outerDocument.removeFile(f);
                                         ]]>
                                     </mx:click>
                                 </mx:LinkButton>-->
                             </mx:HBox>
                         </mx:Component>
                     </mx:itemRenderer>
                 </mx:DataGridColumn>
             </mx:columns>
         </mx:DataGrid>
     </mx:VBox>
     <mx:HBox>
         <mx:Button id="selectFileButton" label="浏览" click="selectFile()"/>
         <mx:Button label="上传" id="up">
             <mx:click>
                 <![CDATA[
                     if(selectedFiles.length == 0) 
                     {
                         Alert.show("请选择文件");
                         return;
                     }
                     uploadFile();
                 ]]>
             </mx:click>
         </mx:Button>
         <!--<mx:CheckBox id="checkboxSingleThread" label="同时上传多个文件"
                      change="useSingleThread = !checkboxSingleThread.selected"
                      selected="{!useSingleThread}"/>-->
     </mx:HBox>
     <!--<mx:Image id="img" width="400" height="300"/>-->
</mx:Application>

package com.java;

import java.io.File;
import java.io.IOException;
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;

public class UploadFile extends HttpServlet {
    private static final long serialVersionUID = 5425836142860976977L;
    // 定义文件的上传路径
    private String uploadPath = "d:\\files\\";
    // 限制文件的上传大小
    private int maxPostSize = 100 * 1024 * 1024; // 最大100M
    public UploadFile() {
        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");
        DiskFileItemFactory factory = new DiskFileItemFactory();
        factory.setSizeThreshold(4096);
        ServletFileUpload upload = new ServletFileUpload(factory);
        upload.setHeaderEncoding("utf-8");
        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));
                        response.getWriter().write("上传成功。");
                    } catch (Exception e) {
                        e.printStackTrace();
                        response.getWriter().write(e.getMessage());
                    }
                }
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
            response.getWriter().write(e.getMessage());
            System.out.println(e.getMessage() + "结束");
        }
    }

    protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
        File f = new File(uploadPath);
        f.mkdirs();
        processRequest(request, response);
    }

    protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
        File f = new File(uploadPath);
        f.mkdirs();
        processRequest(request, response);
    }

    public String getServletInfo() {
        return "Short description";
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <display-name></display-name>    
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <servlet>  
    <servlet-name>UploadFile</servlet-name>  
    <servlet-class>com.java.UploadFile</servlet-class>  
  </servlet>  
  <servlet-mapping>  
    <servlet-name>UploadFile</servlet-name>  
    <url-pattern>/UploadFile</url-pattern>  
  </servlet-mapping>
</web-app>