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

发布:kinglong | 发布时间: 2007年8月18日

[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; 			} 		} 	}	 }

服务端代码(upload.jsp)：我使用是Java服务端，当然PHP,ASP.NET也可以了，我在这里就不一一举例了，有兴趣的朋友自己研究了！

相关实例文件打包下载：http://www.klstudio.com/demo/test/test12.rar

标签:

flash 代码 as3 BitmapData

发布:kinglong | 分类:Flash技术 | 评论:18 | 引用:0 | 浏览: | TrackBack引用地址

相关文章:
[AS3]FLVStream类-检测flv文件类型的工具类  (2007-8-6 17:20:56)
[AS3]Flash在线图片编辑器  (2007-7-24 14:39:45)
[AS3]更新Tracer组件并公布控制台源程序  (2007-7-23 10:42:9)
[JS]后台管理菜单类-MenuSwitch  (2007-7-13 15:8:41)
[AS1]三帧代码实现图片轮换显示  (2007-7-8 10:8:21)
[AS3]IconDataManager-图标数据管理类  (2007-7-6 16:0:21)
有关“Flash在线图片编辑”功能的开发进度1  (2007-7-3 18:30:27)
[AS3]DisplayEffect组件  (2007-6-28 16:8:58)
[AS3]ImageEffect组件版本更新  (2007-6-27 23:16:49)
[AS3]MP3Player组件正在开发中  (2007-6-24 11:29:24)

1.西部秋虫
http://blog.5d.cn/user6/xbzg/
不错.
除了使用通常意义上的后台语言外,还可以利用FMS生成.
2007-8-19 23:36:30 回复该留言

2.kevin
想问一下这个要是生成一张800*600的图片大概需要多长时间,有没有什么办法让图片生成在本地.
2007-8-20 9:10:03 回复该留言

3.hquu
http://www.design888.com
不错哦！这方面高手哦！
虽然看不懂
不过还是要支持你哈！
2007-8-21 22:31:41 回复该留言

4.kinglong
http://www.klstudio.com
to 西部秋虫:能用后台页面的方式,一般就不建议再用FMS了,那个东西用来做语音和视频通信比较适合!

to kevin:这个你可以自己测试一下吧.
flash图片本地生成,如果借助外壳程序来实现的话,光flash player是不可能的
2007-8-22 21:51:21 回复该留言

5.youxiazhu
里面的JPGEncoder类是根据什么编写的？
根本看不懂！
2007-8-25 23:18:11 回复该留言

6.dagang
http://www.vistaprint.com/vp/ns/studio3.aspx?pf_id=088&cfs=-1&combo_id=5946&icparts=yes&combo1=910.88.1.14205%7c14205%7c137%7c0&category_id=10318&gallery_id=206&referer=http%3a%2f%2fwww.vistaprint.com%2fvp%2fns%2fgallery.aspx%3fg%3d206

高手,真是太激动了!
上面那个网址你点开后,实际上是一个名片的网上设计:他利用已有模板,用户可以随意编辑,最后服务器生成一个印刷精度(300DPI)的图片,请问,您能实现这个功能吗?
如果愿意于我联系,请加我的MSN或电话13701868025
2007-8-29 15:45:16 回复该留言

7.kinglong
http://www.klstudio.com
to youxiazhu:
这个国外有人参照jpg编码器写的,对你来说,只要调用就可以了!如果你不是专门研究图形学的话,就没有必要清楚那么多吧!

to dagang:
理论上是用flash来实现的!当然只要价格合适,我这边可以来开发的!
2007-8-29 23:13:45 回复该留言

8.tommy
kinglong
很荣幸看到你的教程，我现在已经修改成.NET的了，C#我也不是很精通，但现在可以实现生成图片了。

有个问题。
你这个实现了抓拍图片，但是，图片的附加信息，应该怎么发送出去啊？我对二进制一点也不了解，也不知道如何把附加信息加进入，并发送给后台！
希望进步讲解一下！谢谢
2007-9-20 17:14:40 回复该留言

9.kyomic
http://www.shareme.cn
问题基本同上吧，我弄了个ASP后台，我想从前台将要保存的文件名传给后台，怎么传呀，Flash端只能Post Binary数据给后台,String怎么传过去呀？！！！
2007-11-17 10:10:01 回复该留言

10.kinglong
http://www.klstudio.com
附加信息，目前只能通过get方式来传递;
做法就是把在上传地址改成http://..../upload.jsp?name=xxxxx&title=xxxxx
也就是说图片数据是通过post方式，其他参数就是get方式了
2007-11-20 9:57:19 回复该留言

11.insomnia
提供一个asp.net的后台生成图片的好吗，谢谢！
2008-3-4 0:39:42 回复该留言

12.fdfsd
很不错，刚开始还打算，在后台在生成一次了，想不到能直接保存图片格式。
其实我也想过，但是一直没有找到什么好的方法。
谢谢了
2008-4-15 22:14:03 回复该留言

13.liu
请问UPLOAD_PAGE的URL可以通过外部传递取得吗？
2008-6-5 15:01:59 回复该留言

14.kinglong
http://www.klstudio.com
可以的，在加载swf的时候通过xxx.swf?page=http://xxx.xxx.xx
然后在flash里面是通过loaderInfo.parameters.page来获取传进来的参数。
2008-6-26 12:02:05 回复该留言

15.m06
请问能否侦听到图片上传的进度呀？
2008-11-30 17:42:29 回复该留言

16.kinglong
URLLoader只有内容加载进度，上传进度是没有的！
2008-12-1 9:13:41 回复该留言

17.freshly
我想把存的图片在用FLASH读出来,怎么办
kinglong 于 2009-2-23 10:04:15 回复
你说得存的图片是指存在什么地方?客户端，还是服务端?
如果是服务端的话，就通过URLLoader来读取
如果是客户端的话，从flash player 10上版本可以读取。此方法可看:http://www.klstudio.com/post/182.html
2009-2-18 15:09:10 回复该留言

18.corecor
http://www.city368.com/webshow/exhibit.html
高手，谢谢分享，学习了。
2009-12-17 9:38:07 回复该留言

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

Kinglong's Blog

关于本博客

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

发表评论

搜索内容

最近发表

最新评论及回复

最近留言