功能:在线拍照
简介:用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>
<![CDATA[
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.mkdirs();
}
//生成随机文件名
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("保存失败");
}
}
}
分享到:
相关推荐
标题 "FLEX在线拍照.rar" 暗示我们讨论的主题是关于使用Adobe Flex技术实现的在线拍照功能。Flex是一种基于ActionScript的开源框架,用于构建富互联网应用程序(RIAs),尤其是那些运行在Adobe Flash Player或Adobe ...
Flex在线拍照软件是一款基于Flex技术开发的程序,它允许用户通过网页浏览器调用自己的本地摄像头进行实时拍照,并且提供了重拍和保存照片的功能。这个程序在Web应用领域具有较高的实用价值,尤其是在需要远程身份...
本文将详细探讨如何在JAVA版的Flex项目中实现摄像头在线拍照功能,这一功能通常用于用户上传头像、身份证件照片或者进行远程会议等场景。 Flex是一种基于Adobe AIR和Flash Player的开发框架,它允许开发者使用...
在IT行业中,尤其是在Web开发领域,`aspx`、`Flash`和`Flex`都是重要的技术组成部分,而在线拍照功能则是现代Web应用中常见的需求。本文将深入探讨这些技术及其在构建在线拍照功能中的作用。 首先,`aspx`是ASP.NET...
Flex在线拍照C#源码是基于Adobe Flex技术与C#后端开发的一种应用程序,它允许用户在网页上实现在线拍照功能。Flex是一种开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA)。C#则是一种面向对象的...
标题中的“flex C# 在线拍照”涉及到的技术领域是Web开发,主要是在客户端使用Adobe Flex技术和后端的C#语言来实现用户通过浏览器在线拍照并上传的功能。Flex是一款用于构建富互联网应用程序(RIA)的开源框架,而C#...
Flex在线拍照示例是使用Adobe Flex技术实现的一个功能,它允许用户通过Web浏览器直接调用摄像头进行拍照。Flex是一款开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。在Flex中,我们可以利用...
Flex Java 在线拍照技术是一种将前端用户界面与后端服务器功能相结合的方法,用于实现Web应用程序中的实时拍照和图像处理功能。这个例子展示了如何利用Adobe Flex作为前端开发工具,结合Java后端来创建一个在线拍照...
在这个“j2ee+FLEX实现在线拍照”的项目中,Flex将提供拍照和图像处理的功能,用户可以直接在Web浏览器中进行拍照或选择本地图片上传;而后端的J2EE服务器则处理图片上传、存储和可能的进一步处理。 为了实现这一...
在探讨“Flex实现Camera摄像头在线拍照功能”这一主题时,我们深入分析了如何利用Adobe Flex框架结合Camera组件来实现在线拍照的功能。Flex是一种强大的RCP(Rich Client Platform)开发工具,由Adobe Systems开发,...
标题中的“flex实现在线拍照”指的是使用Adobe Flex技术来创建一个功能,允许用户通过Web浏览器进行实时拍照。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的用户...
Flex在线拍照功能(附源码) 功能:在线拍照 简介:用flex与java结合实现在线拍照 需求:为了满足希望通过摄像头拍照的图片,然后通过服务器来展示需要。 原帖地址:...
在本案例中,我们讨论的主题是如何使用Flex实现一个功能,允许用户在网页上进行在线拍照,并且这个功能需要兼容老旧的Internet Explorer 8(IE8)浏览器,同时支持照片预览。 在Flex中实现在线拍照,首先需要考虑的...
源码对于学习和理解Flex编程以及在线照相功能的实现至关重要,而“工具”可能指的是Flex Builder这样的开发环境,或者是用于处理图像的第三方库。 【压缩包子文件的文件名称列表】: 1. **library.swf** - 这是一个...
### 一、Flex 拍照功能与 Java 后台保存照片 #### 1. Flex 案例概述 - **标题**:“Flex 拍照案例,Java 后台保存照片” - **描述**:此案例通过 Flex 实现前端拍照功能,并将拍到的照片数据传输至后端 Java 服务器...
标题 "flex+j2ee在线拍照并保存到服务端" 涉及的技术栈主要包括Adobe Flex、Java(J2EE)以及在线拍照功能的实现。这是一个综合性的项目,它结合了前端用户界面与后端服务器处理,实现了用户通过浏览器在线拍照并...
在本项目"ssh嵌入flex实现在线拍照,并付图片预览"中,我们将探讨如何整合这两者来实现一个功能,让用户能够在Web端进行在线拍照并实时预览图片。 首先,SSH框架中的Spring作为依赖注入和控制反转的容器,负责管理...
总之,Flex摄像头拍照并带裁剪功能的实现涉及了Flex的`Camera`和`BitmapData`类,以及ASP.NET的文件处理能力。这种技术组合可以在Web应用中提供类似手机拍照和编辑的体验,适用于各种在线服务,如证件照制作、虚拟试...
标题中的“在线拍照 c# flex+fluorineFx+webservices”揭示了这是一个基于C#技术,使用Flex前端和FluorineFx作为SOAP Web服务客户端库的在线拍照系统。让我们详细了解一下这些关键技术点。 **C#(Sharp)**: C#是...