[AS3]URLLoader+URLRequest+JPGEncoder实现BitmapData图片数据保存

转载

mb5fe55bba5ad74 2009-09-24 22:08:00

文章标签 AS3 URLLoader URLRequest JPGEncoder BitmapData 文章分类 代码人生

这段时间工作忙，一直抽不出空来写点内容。今天晚上正好能静下心来，把工作中用到Flash位图数据保存整理一下，写了下面的应用实例。
Flash客户端代码(test12.swf)

package project.test {
import flash.display.*;
import flash.net.*;
import flash.events.*;
import flash.utils.ByteArray;
import fl.controls.Button;
import com.klstudio.images.JPGEncoder;
public class Test12 extends Sprite{
private var _base:Shape;
private var _rnd_button:Button;
private var _submit_button:Button;
private static const UPLOAD_PAGE:String="http://localhost:8080/upload.jsp";
public function Test12(){
_base = new Shape();
_base.x = _base.y = 5;
addChild(_base);
drawLine();
_rnd_button = new Button();
_rnd_button.label = "随机画图";
_rnd_button.setSize(90,22);
_rnd_button.move(5,205);
_rnd_button.addEventListener(MouseEvent.CLICK,clickHandler);
addChild(_rnd_button);
_submit_button = new Button();
_submit_button.label = "保存图片";
_submit_button.setSize(90,22);
_submit_button.move(105,205);
_submit_button.addEventListener(MouseEvent.CLICK,clickHandler);
addChild(_submit_button);
}
public function drawRndRect():void{
_base.graphics.beginFill(getRndColor());
var gWidth:uint = getRndInt();
var gHeight:uint = getRndInt();
var gX:uint = getRndInt(5,180-gWidth+5);
var gY:uint = getRndInt(5,180-gHeight+5);
_base.graphics.drawRect(gX,gY,gWidth,gHeight);
}
public function getRndInt(min:uint=10,max:uint=180):uint{
return uint(Math.random()*(max-min))+min;
}
public function getRndColor():uint{
var r:uint = getRndInt(10,220);
var g:uint = getRndInt(10,220);
var b:uint = getRndInt(10,220);
var c:uint = (r << 16) + (g << 8) + b;
return c;
}
public function drawLine():void{
_base.graphics.beginFill(0x666666);
_base.graphics.drawRect(0,0,190,190);
_base.graphics.beginFill(0xFFFFFF);
_base.graphics.drawRect(1,1,188,188);
_base.graphics.endFill();
}
public function getBitmapData():BitmapData{
var bmd:BitmapData = new BitmapData(_base.width,_base.height);
bmd.draw(_base);
return bmd;
}
public function submit():void{
_rnd_button.enabled = false;
_submit_button.enabled = false;
var encoder:JPGEncoder = new JPGEncoder(80);
var bytes:ByteArray = encoder.encode(getBitmapData());
var request:URLRequest = new URLRequest(UPLOAD_PAGE);
//data值就为图片编码数据ByteArray;
request.data = bytes;
request.method = URLRequestMethod.POST;
//这个是关键,内容类型必须是下面文件流形式;
request.contentType = "application/octet-stream";
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, completeHandler);
loader.addEventListener(IOErrorEvent.IO_ERROR,errorHandler);
loader.load(request);
}
private function completeHandler(event:Event):void{
trace("图片上传成功");
_rnd_button.enabled = true;
_submit_button.enabled = true;
}
private function errorHandler(event:IOErrorEvent):void{
trace("图片上传失败");
_rnd_button.enabled = true;
_submit_button.enabled = true;
}
private function clickHandler(event:MouseEvent):void{
switch(event.target){
case _rnd_button:
_base.graphics.clear();
drawLine();
drawRndRect();
drawRndRect();
drawRndRect();
drawRndRect();
break;
case _submit_button:
submit();
break;
}
}
}
}

package project.test { import flash.display.*; import flash.net.*; import flash.events.*; import flash.utils.ByteArray; import fl.controls.Button; import com.klstudio.images.JPGEncoder; public class Test12 extends Sprite{ private var _base:Shape; private var _rnd_button:Button; private var _submit_button:Button; private static const UPLOAD_PAGE:String="http://localhost:8080/upload.jsp"; public function Test12(){ _base = new Shape(); _base.x = _base.y = 5; addChild(_base); drawLine(); _rnd_button = new Button(); _rnd_button.label = "随机画图"; _rnd_button.setSize(90,22); _rnd_button.move(5,205); _rnd_button.addEventListener(MouseEvent.CLICK,clickHandler); addChild(_rnd_button); _submit_button = new Button(); _submit_button.label = "保存图片"; _submit_button.setSize(90,22); _submit_button.move(105,205); _submit_button.addEventListener(MouseEvent.CLICK,clickHandler); addChild(_submit_button); } public function drawRndRect():void{ _base.graphics.beginFill(getRndColor()); var gWidth:uint = getRndInt(); var gHeight:uint = getRndInt(); var gX:uint = getRndInt(5,180-gWidth+5); var gY:uint = getRndInt(5,180-gHeight+5); _base.graphics.drawRect(gX,gY,gWidth,gHeight); } public function getRndInt(min:uint=10,max:uint=180):uint{ return uint(Math.random()*(max-min))+min; } public function getRndColor():uint{ var r:uint = getRndInt(10,220); var g:uint = getRndInt(10,220); var b:uint = getRndInt(10,220); var c:uint = (r << 16) + (g << 8) + b; return c; } public function drawLine():void{ _base.graphics.beginFill(0x666666); _base.graphics.drawRect(0,0,190,190); _base.graphics.beginFill(0xFFFFFF); _base.graphics.drawRect(1,1,188,188); _base.graphics.endFill(); } public function getBitmapData():BitmapData{ var bmd:BitmapData = new BitmapData(_base.width,_base.height); bmd.draw(_base); return bmd; } public function submit():void{ _rnd_button.enabled = false; _submit_button.enabled = false; var encoder:JPGEncoder = new JPGEncoder(80); var bytes:ByteArray = encoder.encode(getBitmapData()); var request:URLRequest = new URLRequest(UPLOAD_PAGE); //data值就为图片编码数据ByteArray; request.data = bytes; request.method = URLRequestMethod.POST; //这个是关键,内容类型必须是下面文件流形式; request.contentType = "application/octet-stream"; var loader:URLLoader = new URLLoader(); loader.addEventListener(Event.COMPLETE, completeHandler); loader.addEventListener(IOErrorEvent.IO_ERROR,errorHandler); loader.load(request); } private function completeHandler(event:Event):void{ trace("图片上传成功"); _rnd_button.enabled = true; _submit_button.enabled = true; } private function errorHandler(event:IOErrorEvent):void{ trace("图片上传失败"); _rnd_button.enabled = true; _submit_button.enabled = true; } private function clickHandler(event:MouseEvent):void{ switch(event.target){ case _rnd_button: _base.graphics.clear(); drawLine(); drawRndRect(); drawRndRect(); drawRndRect(); drawRndRect(); break; case _submit_button: submit(); break; } } } } 服务端代码(upload.jsp)：我使用是Java服务端，当然PHP,ASP.NET也可以了，我在这里就不一一举例了，有兴趣的朋友自己研究了！

view plain copy to clipboard print ?

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<%@ page import="java.util.*"%>
<%@ page import="java.io.*"%>
<%
int v;
String filePath = request.getRealPath(System.currentTimeMillis()+".jpg");
BufferedInputStream inputStream = new BufferedInputStream(request.getInputStream());
FileOutputStream outputStream = new FileOutputStream(new File(filePath));
byte [] bytes = new byte[1024];
while((v=inputStream.read(bytes))>0){
outputStream.write(bytes,0,v);
}
outputStream.close();
inputStream.close();
%>

<%@ page contentType="text/html; charset=utf-8" language="java"%> <%@ page import="java.util.*"%> <%@ page import="java.io.*"%> <% int v; String filePath = request.getRealPath(System.currentTimeMillis()+".jpg"); BufferedInputStream inputStream = new BufferedInputStream(request.getInputStream()); FileOutputStream outputStream = new FileOutputStream(new File(filePath)); byte [] bytes = new byte[1024]; while((v=inputStream.read(bytes))>0){ outputStream.write(bytes,0,v); } outputStream.close(); inputStream.close(); %> 相关实例文件打包下载：http://www.klstudio.com/demo/test/test12.rar