Flex 基于Http方式上傳圖片(轉)  
		
          
		
          首先下載 commons-fileupload-1.2.1.jar和commons-io-1.1.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.events.*;

                                import mx.controls.Alert;
                                import mx.events.CloseEvent;
                                import mx.managers.CursorManager;

                                private var file:FileReference;
                                private var byteArray:ByteArray;
                                private var bitmapData:BitmapData;
                                private var loader:Loader=new Loader();

                                private function init():void
                                {
                          Security.allowDomain(          "*");
                          file          =new FileReference();
                          file.addEventListener(Event.COMPLETE, fileReferenceCompleteHandler);
                          file.addEventListener(Event.SELECT, fileReferenceSelectHandler);
                      }

                                //選擇上傳的圖片
                      private function choose():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 toUpload():void
                                {
                                    if (bitmapData == null)
                                    {
                              Alert.show(          "請您先選擇要上傳的圖片");
                          }
                                    else
                                    {
                              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 + "%";
                                    if (e.bytesLoaded == e.bytesTotal)
                                    {
                              CursorManager.removeBusyCursor();
                          }
                      }

                                //上傳圖片到服務器
                      private function proceedWithUpload(e:CloseEvent):void
                                {
                                    if (e.detail == Alert.YES)
                                    {
                                        //進度監聽
                              file.addEventListener(ProgressEvent.PROGRESS, onProgress);
                              var request:URLRequest          =new URLRequest("http://localhost:8080/FileUploaded");
                                        //設置鼠標忙狀態
                              CursorManager.setBusyCursor();
                                        try
                                        {
                                  file.upload(request);
                                  Alert.show(          "恭喜你，上傳成功");
                              }
                                        catch (error:Error)
                                        {
                                  Alert.show(          "上傳失敗");
                                  trace(          "上傳失敗");
                              }

                          }
                      }

                                //上傳完成調用
                      private function completeHandle(event:Event):void
                                {
                          Alert.show(          "恭喜你，上傳成功");
                      }

                                //載入本地圖片
                      private function fileReferenceCompleteHandler(e:Event):void
                                {
                          byteArray          =file.data;
                          loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler);
                          loader.loadBytes(byteArray);
                      }

                                //圖片載入完成顯示在預覽框中
                      private function loaderCompleteHandler(e:Event):void
                                {
                          var bitmap:Bitmap          =Bitmap(loader.content);
                          bitmapData          =bitmap.bitmapData;
                          img.source          =bitmap;
                      }

                                //選擇文件動作監聽
                      private function fileReferenceSelectHandler(e:Event):void
                                {
                          file.removeEventListener(ProgressEvent.PROGRESS, onProgress);
                          file.load();
                      }
                  ]]          >
                        </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          ="toUpload();"/>
                            </mx:VBox>
                            <mx:Panel width="469"
                            height          ="392"
                            verticalGap          ="0"
                            horizontalAlign          ="center"
                            verticalAlign          ="middle"
                            x          ="408"
                            y          ="129"
                            layout          ="absolute">
                                <mx:Button label="選擇文件"
                                 click          ="choose();"
                                 x          ="178"
                                 y          ="9"/>
                                <mx:Image id="img"
                                width          ="400"
                                height          ="300"
                                x          ="36"
                                y          ="44"/>

                            </mx:Panel>

                        </mx:Canvas>
          </mx:Application>

          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 lqw
                     */
          public class FileUploaded extends HttpServlet {

                        // 定義文件的上傳路徑
              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(          "to upload picture !");
                  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()           + "結束");
                  }
              }

                        protected void doGet(HttpServletRequest request,
                      HttpServletResponse response)           throws ServletException, IOException {
                  processRequest(request, response);
              }

                        protected void doPost(HttpServletRequest request,
                      HttpServletResponse response)           throws ServletException, IOException {
                  processRequest(request, response);
              }

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

          }

          web.xml 文件內容：
          <?xml version = '1.0' encoding = 'windows-1252'?>
          <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee">
              
                         <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>
              
                        <session-config>
                            <session-timeout>35</session-timeout>
                        </session-config>
                        <mime-mapping>
                            <extension>html</extension>
                            <mime-type>text/html</mime-type>
                        </mime-mapping>
                        <mime-mapping>
                            <extension>txt</extension>
                            <mime-type>text/plain</mime-type>
                        </mime-mapping>
              
          </web-app>

          FLEX端如果出現安全沙箱的問題:是由于在tomcat環境下沒有聲明應用程序能被外部訪問. 

          在程序的部署文件夾下添加crossdomain.xml文件.文件內容為: 
          <?xml version="1.0"?> 

          <!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd"> 

          <cross-domain-policy> 

          <allow-access-from domain="*" secure="false"/> 
          <allow-http-request-headers-from domain="*" headers="*" secure="false"/> 

          </cross-domain-policy>
          http://blog.163.com/geliang0021@126/blog/static/32322329201111295559423/
          http://wenku.baidu.com/view/9b1fceb769dc5022aaea00e9.html
		
          
			posted on 2012-09-11 22:36 youngturk 閱讀(4111) 評論(0)  編輯  收藏  所屬分類: Java基礎 、Flex DEV 、servlet 
		
          
	
          
	
	


	


          
	    
    




          








          

				
				

			
          
			
          
				
					
          
	
          
		
          <2012年9月>
          
	
          日一二三四五六
          2627282930311
          2345678
          9101112131415
          16171819202122
          23242526272829
          30123456
          

          

					

          導航
          

					

          統計
          
	
					

          公告
          
	
          this year :
          1 jQuery
          2 freemarker
          3 框架結構
          4 口語英語
          

					

          常用鏈接
          


          留言簿(6)
          


		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章分類
          
		
				
			
	
		
          文章檔案
          
		
				
			
	
		
          相冊
          
		
				
			
	
		
          EJB學習
          
		
				
			
	
		
          Flex學習
          
		
				
			
	
		
          learn English
          
		
				
			
	
		
          oracle
          
		
				
			
	
		
          spring MVC web service
          
		
				
			
	
		
          SQL
          
		
				
			
	
		
          Struts
          
		
				
			
	
		
          生活保健
          
		
				
			
	
		
          解析文件
          
		
				
			
	



          搜索
          



          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


				
			
          
			
			
			
			
			 

	

    







          
        
	




主站蜘蛛池模板：
环江|
开阳县|
宁海县|
四平市|
东明县|
房产|
新野县|
湛江市|
千阳县|
津市市|
辉南县|
开化县|
闸北区|
建昌县|
宜城市|
合山市|
兴义市|
西峡县|
哈尔滨市|
临沭县|
秦皇岛市|
七台河市|
承德县|
吉木乃县|
龙陵县|
奉贤区|
连州市|
临江市|
堆龙德庆县|
万全县|
郓城县|
故城县|
柘城县|
贵定县|
安塞县|
观塘区|
碌曲县|
克山县|
林州市|
临颍县|
隆安县|