BlogJava-仿冒+改良=创新-随笔分类-Flex

flex4中文帮助文档下载

obpm — Fri, 03 Sep 2010 00:50:00 GMT

flex4帮助文档大小有34M(网页版)，上传不了。需要该文档的，请留下你的邮箱地址。
115共享地址：
http://u.115.com/file/f8c22d4e48
flex4api.zip 提取码：f8c22d4e48

原创人员：denny

obpm 2010-09-03 08:50 发表评论

flex图片剪切示例--预览、保存到本地、保存到服务器(附源码)

obpm — Wed, 01 Sep 2010 01:55:00 GMT

图片剪切功能：

效果图：

flex代码:

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()" xmlns:local="astion.*">
<mx:Script>

   import mx.controls.Image;
   import mx.graphics.ImageSnapshot;
   import flash.net.FileReference;
   import mx.graphics.codec.JPEGEncoder;
   import mx.managers.PopUpManager;
   import mx.containers.TitleWindow;
   import mx.controls.Alert;
   import mx.events.CloseEvent;
   import mx.core.IFlexDisplayObject;
   import mx.utils.*;
   import mx.core.Application;
   import astion.Dot;
   import astion.ScaleBox;

   public static const LINE_WIDTH:Number = 1;//缩放边框宽度
   private var file:FileReference;
   public var IMAGE_URL:String="http://localhost:8080/cutPicuter/aa/aa.jpg";
   private var loader:Loader;
   private var bmp:Bitmap;
            private var stream:URLStream;
            public var realPath:String="D:\myWorkSpace\cutPicuter\WebRoot\aa\aa.jpg";

   //初始化数据
   private function init():void{
    this.loader = new Loader();
                this.stream = new URLStream();
                this.loader.contentLoaderInfo.addEventListener(Event.COMPLETE,this.onComplete);
                this.loader.load(new URLRequest(encodeURI(this.IMAGE_URL)));//解决中文乱码
                this.stream.load(new URLRequest(encodeURI(this.IMAGE_URL)));
                this.stream.addEventListener(Event.COMPLETE,this.onLoaded);
   }
   private function onLoaded(e:Event):void
            {
                var bytearray:ByteArray = new ByteArray();
                this.stream.readBytes(bytearray);

                if(this.stream.connected)
                    this.stream.close();

                this.loader.loadBytes(bytearray);
            }
            private function onComplete(e:Event):void
            {
                try
                {
                    this.bmp = this.loader.content as Bitmap;
                    var showImage:Image= new Image();
                    showImage.source=this.loader.content;
                    canvas.addChild(showImage);
                    canvas.setChildIndex(box,1);
                    canvas.setChildIndex(showImage,0);
                }
                catch(e:Error)
                {

                }
            }

   //截图，显示缩放选择框
   private function doCapture():void{
    box.x = 100;
    box.y = 100;
    box.visible = true;
   }

   //获取缩放选择框内的图像
   private function getImg():BitmapData{
    //截取整个区域
    box.scaleEnable = false;
    var bmp:BitmapData = ImageSnapshot.captureBitmapData(canvas);
    box.scaleEnable = true;

    //矩形为要截取区域
                var re:Rectangle = new Rectangle(box.x+LINE_WIDTH,box.y+LINE_WIDTH,box.boxWidth-LINE_WIDTH,box.boxHeight-LINE_WIDTH);
                var bytearray:ByteArray = new ByteArray();
                //截取出所选区域的像素集合
                bytearray = bmp.getPixels(re);


                var imgBD:BitmapData = new BitmapData(box.boxWidth-LINE_WIDTH,box.boxHeight-LINE_WIDTH);
                //当前的bytearray.position为最大长度，要设为从0开始读取
                bytearray.position=0;
                var fillre:Rectangle = new Rectangle(0,0,box.boxWidth-LINE_WIDTH,box.boxHeight-LINE_WIDTH);
                //将截取出的像素集合存在新的bitmapdata里，大小和截取区域一样
                imgBD.setPixels(fillre,bytearray);

                return imgBD;
   }

   //预览图片
   private function doScan():void{
    var t:TitleWindow = new TitleWindow();
    t.showCloseButton=true;
    t.addEventListener(CloseEvent.CLOSE,closeWindow);
    t.width = box.boxWidth+t.getStyle("borderThickness");
    t.height =box.boxHeight+t.getStyle("borderThickness")+t.getStyle("headerHeight");
    var img:Image = new Image();
    img.width = box.boxWidth;
    img.height = box.boxHeight;
    img.source = new Bitmap(getImg());
    t.addChild(img);
    PopUpManager.addPopUp(t,this,true);
    PopUpManager.centerPopUp(t);
   }

   private function closeWindow(e:CloseEvent):void{
                var t:TitleWindow = e.currentTarget as TitleWindow;
                PopUpManager.removePopUp(t);
            }

            //保存图片到本地
   private function downloadPicture():void{
    file=new FileReference();
    file.addEventListener(Event.COMPLETE,downloadComplete);
    file.save(new JPEGEncoder(80).encode(getImg()),"default.jpg");
   }

   private function downloadComplete(event:Event):void{
    Alert.show("成功保存图片到本地！","提示");
   }

   //保存图片到服务器即覆盖原来的图片
   private function save():void{
    Alert.show("是否保存剪切图片？","提示",3, this, function(event:CloseEvent):void {
          if (event.detail==Alert.YES){
           var request:URLRequest = new URLRequest("http://localhost:8080/cutPicuter/servlet/FileManagerSaveFileServlet?realPath="+encodeURIComponent(StringUtil.trim(realPath)));
     request.method=URLRequestMethod.POST;
     request.contentType = "application/octet-stream";
     request.data = new JPEGEncoder(80).encode(getImg());
     var loader:URLLoader = new URLLoader();
     loader.load(request);
     loader.addEventListener(Event.COMPLETE,saveResult);

          }});
   }

   private function saveResult(event:Event):void{
    Application.application.reLoadFolderFiles(realPath.substr(0,realPath.lastIndexOf("\\")));
    Alert.show("保存剪切图片成功","提示");
   }
  ]]>
mx:Script>
<mx:HBox x="0" y="0">
        <mx:LinkButton label="剪裁" click="doCapture();" icon="@Embed('assets/cut.png')"/>
        <mx:LinkButton label="预览" click="doScan();" icon="@Embed('assets/ok.png')"/>
        <mx:VRule height="22"/>
        <mx:LinkButton label="保存"  click="save()"  icon="@Embed('assets/save.png')"/>
        <mx:LinkButton label="另存为" click="downloadPicture();" icon="@Embed('assets/saveAs.png')"/>
    mx:HBox>
<mx:Canvas id="canvas" y="23" x="1">
<local:ScaleBox id="box" visible="false" y="0" x="0" width="100" height="100"/>
mx:Canvas>
mx:Application>

java代码：

package com;

import java.io.DataOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;

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

/**
* Servlet implementation class FileManagerSaveFileServlet
*/
public class FileManagerSaveFileServlet extends HttpServlet {

private int len=0;//处理流
private int mm=0;//重命名
private String fileName="";//文件原名
private String extName="";//文件扩展名
private String tempFileName="";//文件名加扩展名

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

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

public void processRequest(HttpServletRequest request, HttpServletResponse response)

    throws ServletException, IOException {
  request.setCharacterEncoding("utf-8");
  String realPath=request.getParameter("realPath");
  //System.out.println("FMSFS-->realPath:"+realPath);
  response.setContentType("application/octet-stream");
  InputStream is = request.getInputStream();
  try {
  int size = 0;
  byte[] tmp = new byte[100000];

  tempFileName=realPath.substring(realPath.lastIndexOf("\\")+1);//切割获得文件名加扩展名
  fileName=tempFileName.substring(0,tempFileName.lastIndexOf("."));//切割获得文件名
  //确保获得真实的文件名如：1(1)可以获得真实为1,
  if(fileName.indexOf("(")!=-1){
   fileName=fileName.substring(0,fileName.indexOf("("));
  }

  extName=tempFileName.substring(tempFileName.lastIndexOf("."));//切割获得扩展名

  //调用递归方法
  fileName+=reNameFile(realPath.substring(0,realPath.lastIndexOf("\\")+1),fileName,extName);
  // 创建一个文件夹用来保存发过来的图片；
  File f = new File(realPath.substring(0,realPath.lastIndexOf("\\")+1)+fileName+extName);
  DataOutputStream dos = new DataOutputStream(new FileOutputStream(f));
  while ((len = is.read(tmp)) != -1) {
  dos.write(tmp, 0, len);
  size += len;
  }
  dos.flush();
  dos.close();
  } catch (IOException e) {
  e.printStackTrace();
  }
}

//递归来重命名文件名
String str="";
public String reNameFile(String realPath,String filename,String extName){
  File file =new File(realPath+"\\"+filename+extName);
  str="";
        if(file.exists()){
         mm++;
         str="_"+mm;
         reNameFile(realPath,fileName+str,extName);
        }else{
         if(mm!=0){
      str="_"+mm;
         }
        }
  return str;
}
}

源码: flex图片剪切示例

原创人员：Denny

obpm 2010-09-01 09:55 发表评论

Flex在线拍照功能(附源码)

obpm — Sun, 29 Aug 2010 13:52:00 GMT

功能：在线拍照
简介：用flex与java结合实现在线拍照
需求：为了满足希望通过摄像头拍照的图片，然后通过服务器来展示需要
效果：
后台：

前台：

实现代码：
flex:

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="388" height="222" creationComplete="initApp()" backgroundColor="#A6C9E2">
     <mx:Style>
         Alert{font-size:12px;}
     mx:Style>
     <mx:Script>

             import mx.events.CloseEvent;
             import mx.rpc.events.FaultEvent;
             import mx.rpc.events.ResultEvent;
             import mx.controls.Alert;
             import mx.core.Application;

             private static const DEFAULT_CAMERA_WIDTH:Number = 160; //摄像头显示宽度
             private static const DEFAULT_CAMERA_HEIGHT:Number = 120; //摄像头显示高度
             private var DEFAULT_WEBSERVICE_URL:String = ""; //WebService地址
             private var str:String;

             private var m_camera:Camera; //定义一个摄像头
             private var m_localVideo:Video; //定义一个本地视频
             private var m_pictureBitmapData:BitmapData //定义视频截图
             [Bindable]
             private var m_pictureData:String;

             private function initApp():void
             {
                 t_btn_Shooting.enabled = false;
                 t_ban_Save.enabled = false;
                 initCamera();
                 DEFAULT_WEBSERVICE_URL = Application.application.parameters.contextPath+"/onLineTakePhotoServlet";
                 t_ws_SavePicture.url=DEFAULT_WEBSERVICE_URL;
             }

             //初始化摄像头
             private function initCamera():void
             {
                 m_camera = Camera.getCamera();
                 if(m_camera != null)
                 {
                     m_camera.addEventListener(StatusEvent.STATUS,__onCameraStatusHandler);

                     m_camera.setMode(DEFAULT_CAMERA_WIDTH,DEFAULT_CAMERA_HEIGHT,30);
                     m_localVideo = new Video();
                     m_localVideo.width = DEFAULT_CAMERA_WIDTH;
                     m_localVideo.height = DEFAULT_CAMERA_HEIGHT;
                     m_localVideo.attachCamera(m_camera);
                     t_vd_Video.addChild(m_localVideo);
                 }
                 else
                 {
                     Alert.show("没有找到摄像头，是否重新查找。","提示：",Alert.OK|Alert.NO,this,__InitCamera);
                     return;
                 }
             }

             //拍照按钮事件，进行视频截图
             private function SnapshotPicture():void
             {
                 m_pictureBitmapData = new BitmapData(DEFAULT_CAMERA_WIDTH,DEFAULT_CAMERA_HEIGHT);
                 m_pictureBitmapData.draw(t_vd_Video,new Matrix());

                 var m_pictureBitmap:Bitmap = new Bitmap(m_pictureBitmapData);
                 t_img_Picture.addChild(m_pictureBitmap);

                 t_panel_Picture.visible = true;
                 t_ban_Save.enabled = true;
             }

             //保存按钮事件，保存视频截图
             //通过WebService保存
             private function SavePicture():void
             {
                 m_pictureData = "";
                 for(var i:int = 0; i < DEFAULT_CAMERA_WIDTH; i++)
                 {
                     for(var j:int = 0; j < DEFAULT_CAMERA_HEIGHT; j++)
                     {
                         if(m_pictureData.length > 0)
                         {
                             m_pictureData += "," + m_pictureBitmapData.getPixel32(i,j).toString();
                         }
                         else
                         {
                             m_pictureData = m_pictureBitmapData.getPixel32(i,j).toString();
                         }
                     }
                 }

                 var params:URLVariables = new URLVariables();
     params.width = DEFAULT_CAMERA_WIDTH;
     params.height = DEFAULT_CAMERA_HEIGHT;
     params.bitmap_data = m_pictureData;
     t_ws_SavePicture.send(params);
             }

             //检测摄像头权限事件
             private function __onCameraStatusHandler(event:StatusEvent):void
             {
                 if(!m_camera.muted)
                 {
                     t_btn_Shooting.enabled = true;
                 }
                 else
                 {
                     Alert.show("无法链接到活动摄像头，是否重新检测。","提示：",Alert.OK|Alert.NO,this,__InitCamera);
                 }
                 m_camera.removeEventListener(StatusEvent.STATUS,__onCameraStatusHandler);
             }

             //当摄像头不存在，或连接不正常时重新获取
             private function __InitCamera(event:CloseEvent):void
             {
                 if(event.detail == Alert.OK)
                 {
                     initApp();
                 }
             }

             //WebService保存图片成功事件
             private function __onSavePictureResult(event:ResultEvent):void
             {
                 //trace(event.result);
                 if(event.result.toString() != "保存失败")
                 {
                   str = event.result.toString();

                     Alert.show("保存成功,是否关闭窗口？","提示",3,this,__onAlertCloseHandler);
                 }
                 else
                 {
                     Alert.show(event.result.toString(),"提示",Alert.OK);
                 }
             }

             //连接WebService失败事件
             private function __onSavePictureFault(event:FaultEvent):void
             {
                 //Alert.show(event.fault.toString(),"提示",Alert.OK);
                 Alert.show("连接服务器失败。","提示",Alert.OK);
             }

             //保存图片成功后的弹出窗口确认事件
             private function __onAlertCloseHandler(event:CloseEvent):void
             {
                 if(event.detail == Alert.YES)
                 {
                    ExternalInterface.call("setValueToField",str);
                 }
             }
         ]]>
     mx:Script>
     <mx:HTTPService id="t_ws_SavePicture" showBusyCursor="true" method="POST" useProxy="false" result="__onSavePictureResult(event)" fault="__onSavePictureFault(event)"/>
     <mx:Panel x="10" y="10" width="180" height="200" layout="absolute" title="视频拍照" fontSize="12">
         <mx:VideoDisplay id="t_vd_Video" width="160" height="120"/>
         <mx:ControlBar horizontalAlign="right">
             <mx:Button id="t_btn_Shooting" label="拍照" click="SnapshotPicture()"/>
         mx:ControlBar>
     mx:Panel>
     <mx:Panel id="t_panel_Picture" x="198" y="10" width="180" height="200" layout="absolute" title="拍照图片" fontSize="12" visible="false">
         <mx:Image id="t_img_Picture" x="0" y="0" width="160" height="120"/>
         <mx:ControlBar   horizontalAlign="right">
             <mx:Button id="t_ban_Save" label="保存" click="SavePicture()" />
         mx:ControlBar>
     mx:Panel>
mx:Application>

java：

package cn.myapps.core.onlinetakephoto;

import java.awt.Color;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.DataOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;

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

import cn.myapps.constans.Environment;
import cn.myapps.util.sequence.Sequence;

/**
* Servlet implementation class onLineTakePhotoServlet
*/
public class onLineTakePhotoServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

private Environment env = Environment.getInstance();

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

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

public void processRequest(HttpServletRequest request, HttpServletResponse response)

    throws ServletException, IOException {
  response.setContentType("text/html;charset=UTF-8");
        response.setHeader("Pragma", "No-cache");
        response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);

        String bitmap_data = request.getParameter("bitmap_data");
        int width = Integer.parseInt(request.getParameter("width"));
        int height = Integer.parseInt(request.getParameter("height"));
        BufferedImage img = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
  try {
            int w = width;
            int h = height;
            int[] pixels = new int[w * h];
            String[] m_tempPics = bitmap_data.split(",");
            for (int x = 0; x < w; x++) {
                for (int y = 0; y < h; y++) {
                    Long pic_argb = Long.parseLong(m_tempPics[x * h + y]);
                    int a = (int) (pic_argb >> 24 & 0xFF);
                    int r = (int) (pic_argb >> 16 & 0xFF);
                    int g = (int) (pic_argb >> 8 & 0xFF);
                    int b = (int) (pic_argb & 0xFF);
                    pixels[y * w + x] = new Color(r, g, b, a).getRGB();
                }
            }
            img.setRGB(0, 0, w, h, pixels, 0, w);
            img.flush();
            ByteArrayOutputStream bao = new ByteArrayOutputStream();
            ImageIO.write(img, "jpg", bao);
            byte[] data = bao.toByteArray();
            String filePath = env.getRealPath("/uploads/photo");
            //判断路径是否存在,若不存在则创建路径
            File upDir = new File(filePath);
            if (!upDir.exists())
            {
                upDir.mkdir();
            }
            //生成随机文件名
            String saveName = Sequence.getSequence();
            String fileName = saveName + ".jpg";
            //写图片
            File f = new File(filePath+"\\" + fileName);
      DataOutputStream dos = new DataOutputStream(new FileOutputStream(f));
      dos.write(data);
      dos.flush();
      dos.close();
      response.setContentType("text/xml");
            response.getWriter().write("/uploads/photo/" + fileName);
        }
        catch(Exception ex)
        {
         response.setContentType("text/xml");
            response.getWriter().write("保存失败");
        }
}

}

源码：/Files/obpm/onlinetakephoto.rar

原创人员：Denny

obpm 2010-08-29 21:52 发表评论