超少代码的头像裁剪上传
浏览数：21 /
时间：2015年06月09日
效果：
as上传的好处在于裁剪工作在客户端就完成了，而用jcrop的话要记录裁剪大小，位置坐标等，传给服务端才能裁剪
代码很简单
1 package 2 { 3 import flash.display.*; 4 import flash.events.Event; 5 import flash.utils.ByteArray; 6 import flash.events.*; 7 import flash.net.*; 8 import com.adobe.images.JPGEncoder; 9 import flash.geom.*; 10 import flash.ui.Mouse; 11 import elements.*; 12 import flash.utils.ByteArray; 13 import flash.ui.*; 14 15 public class avatar_upload extends MovieClip 16 { 17 private var loader:Loader; 18 private var fileRef1:FileReference = new FileReference ; 19 private var Data:ByteArray; 20 var loader1:Loader; 21 var _bitmap:Bitmap; 22 var squ:squarePoint; 23 var s:Sprite; 24 //var arrow:scaleArrowhead; 25 var nowArrow:Sprite; 26 var rect:Rectangle=new Rectangle(); 27 var rect1:Rectangle=new Rectangle(); 28 var maskSprite:Sprite; 29 var crop_bmd:BitmapData; 30 var content_bmd:Bitmap = new Bitmap ; 31 public function avatar_upload() 32 { 33 again.addEventListener(MouseEvent.CLICK,again_handler); 34 upload_btn.addEventListener(MouseEvent.CLICK,upload_handler); 35 load_img.reload.addEventListener(MouseEvent.CLICK,reload_handler); 36 init_border(); 37 uploading.visible = true; 38 tip.visible = false; 39 } 40 //初始化边框及事件 41 public function init_border() 42 { 43 s = new Sprite ; 44 s.addEventListener(MouseEvent.MOUSE_DOWN,mouse_down); 45 squ = new squarePoint ; 46 arrow.rotation = 45; 47 arrow.x = 0; 48 arrow.y = 0; 49 arrow.visible = false; 50 s.addChild(arrow); 51 s.addEventListener(MouseEvent.MOUSE_OVER,mouse_over1); 52 arrow.addEventListener(MouseEvent.MOUSE_OVER,mouse_over1); 53 squ.addEventListener(MouseEvent.MOUSE_OUT,mouse_out1); 54 s.addEventListener(MouseEvent.MOUSE_OUT,mouse_out1); 55 arrow.addEventListener(MouseEvent.MOUSE_DOWN,mouse_down1); 56 stage.addEventListener(MouseEvent.MOUSE_UP,mouse_up1); 57 var g:Graphics = s.graphics; 58 g.lineStyle(0.2,0xff0000,0.5); 59 g.beginFill(0xffffff,0); 60 g.drawRect(0,0,110,105); 61 squ.x = 107; 62 squ.y = 103; 63 s.addChildAt(squ,0); 64 //trace(s.width+" "+s.height); 65 } 66 //上传 67 private function upload_handler(event:MouseEvent):void 68 { 69 uploading.visible = true; 70 tip.visible = true; 71 tip.text = "上传中..."; 72 var r:Rectangle = squ.getBounds(s); 73 var bitmapData:BitmapData = cropBitmap(load_img,s.x + 1,s.y + 1,r.x + 3,r.y + 3).bitmapData; 74 var _encoder:JPGEncoder = new JPGEncoder(100); 75 bitmapData.draw(bitmapData); 76 Data = _encoder.encode(bitmapData); 77 var req:URLRequest = new URLRequest("http://localhost/youtube/util/upload.php"); 78 req.data = Data; 79 req.method = URLRequestMethod.POST; 80 req.contentType = "application/octet-stream"; 81 var loader:URLLoader = new URLLoader ; 82 loader.dataFormat = URLLoaderDataFormat.BINARY; 83 loader.load(req); 84 loader.addEventListener(Event.COMPLETE,upload_complete); 85 } 86 private function upload_complete(event:Event):void 87 { 88 uploading.visible = false; 89 tip.visible = false; 90 } 91 //重选图片 92 private function again_handler(event:MouseEvent):void 93 { 94 load_img.removeChildAt(2); 95 load_img.removeChildAt(2); 96 gen_img.removeChildAt(0); 97 s.removeChildAt(0); 98 s.visible = false; 99 init_small.visible = true; 100 load_img.reload.visible = true; 101 } 102 private function reload_handler(event:MouseEvent):void 103 { 104 fileRef1.browse(getFilterTypes()); 105 fileRef1.addEventListener(Event.SELECT,selectHandler); 106 } 107 private function getImagesFilter():FileFilter 108 { 109 return new FileFilter("images(*.jpg, *.gif, *.png, *.jpg)","*.jpg;*.jpeg;*.gif;*.png"); 110 } 111 private function getFilterTypes():Array 112 { 113 return [getImagesFilter()]; 114 } 115 private function selectHandler(event:Event):void 116 { 117 fileRef1.load(); 118 fileRef1.addEventListener(Event.COMPLETE,function() 119 { 120 loader1=new Loader(); 121 loader1.loadBytes(fileRef1.data); 122 loader1.contentLoaderInfo.addEventListener (Event.COMPLETE, onLoaded1); 123 load_img.reload.visible=false; 124 fileRef1.removeEventListener(Event.COMPLETE, arguments.callee); 125 }); 126 } 127 //载人图像 128 private function onLoaded1(e:Event):void 129 { 130 s.visible =true; 131 var _bitmap:Bitmap = e.target.content as Bitmap; 132 this._bitmap = _bitmap; 133 scaleInBox(_bitmap,390,360); 134 s.x = _bitmap.x = (390 - _bitmap.width) * 0.5; 135 s.y = _bitmap.y = (360 - _bitmap.height) * 0.5; 136 load_img.addChild(_bitmap); 137 load_img.addChild(s); 138 draw_capture(); 139 drawMask(); 140 uploading.visible = false; 141 loader1.contentLoaderInfo.addEventListener(Event.COMPLETE,arguments.callee); 142 } 143 private function mouse_down(e:MouseEvent) 144 { 145 rect1.x = this._bitmap.x; 146 rect1.y = this._bitmap.y; 147 rect1.width = this._bitmap.width - s.width; 148 rect1.height = this._bitmap.height - s.height; 149 arrow.visible = false; 150 e.target.startDrag(false,rect1); 151 //trace(rect1); 152 //e.stopPropagation(); 153 stage.addEventListener(MouseEvent.MOUSE_MOVE,mouse_move); 154 } 155 private function mouse_move(event:MouseEvent):void 156 { 157 //trace(rect1); 158 //trace(s.width+" "+s.height); 159 draw_content(); 160 //event.updateAfterEvent(); 161 } 162 private function mouse_up(event:MouseEvent):void 163 { 164 s.stopDrag(); 165 squ.x = stage.mouseX - s.x; 166 squ.y = stage.mouseY - s.y; 167 event.stopPropagation(); 168 stage.removeEventListener(MouseEvent.MOUSE_MOVE,mouse_move); 169 draw_capture(); 170 } 171 //绘制边框 172 private function drawRim(obj:Sprite,rect:Rectangle) 173 { 174 var sx:Number = rect.x; 175 var sy:Number = rect.y; 176 var sw:Number = rect.width; 177 var sh:Number = rect.height; 178 obj.graphics.clear(); 179 obj.graphics.moveTo(sx,sy); 180 obj.graphics.lineStyle(0.2,0xff0000,0.5); 181 obj.graphics.beginFill(0xffffff,0); 182 obj.graphics.drawRect(sx,sy,sw,sh); 183 squ.x = sw; 184 squ.y = sh; 185 } 186 //遮罩 187 private function drawMask():void 188 { 189 maskSprite = new Sprite ; 190 var g:Graphics = maskSprite.graphics; 191 g.beginFill(0x000000,0.5); 192 g.drawRect(0,0,390,360); 193 load_img.addChild(maskSprite); 194 load_img.swapChildren(maskSprite,s); 195 } 196 private function draw_content():void 197 { 198 var r:Rectangle = squ.getBounds(s); 199 var b = cutOutRect(this._bitmap,r.x + 3,r.y + 3,s.x - this._bitmap.x,s.y - this._bitmap.y); 200 if (s.contains(content_bmd)) 201 { 202 s.removeChildAt(0); 203 } 204 content_bmd.bitmapData = b; 205 s.addChildAt(content_bmd,0); 206 } 207 //在右边缩放框显示图像 208 private function draw_capture() 209 { 210 draw_content(); 211 init_small.visible = false; 212 var r:Rectangle = squ.getBounds(s); 213 trace(s.x+" "+s.y+" "+r+" "+s.width+" "+s.height); 214 var crop_bmd:Bitmap = cropBitmap(load_img,s.x + 1,s.y + 1,r.x + 3,r.y + 3); 215 var bitmapData = scaleBitmapData(crop_bmd.bitmapData,105 / r.x + 3,100 /r.y + 3); 216 var bitmap:Bitmap = new Bitmap(bitmapData); 217 bitmap.width = 105; 218 bitmap.height = 100; 219 if (gen_img.numChildren > 0) 220 { 221 gen_img.removeChildAt(0); 222 } 223 gen_img.addChild(bitmap); 224 } 225 //方框事件回调 226 private function mouse_over1(e:MouseEvent) 227 { 228 if (e.target is squarePoint || e.target is MovieClip) 229 { 230 arrow.x = squ.x - 7; 231 arrow.y = squ.y - 12; 232 arrow.visible = true; 233 Mouse.hide(); 234 } 235 } 236 private function mouse_out1(e:MouseEvent) 237 { 238 arrow.visible = false; 239 Mouse.show(); 240 e.stopPropagation(); 241 } 242 private function mouse_down1(e:MouseEvent) 243 { 244 squ.stage.addEventListener(MouseEvent.MOUSE_MOVE,mouse_move1); 245 stage.removeEventListener(MouseEvent.MOUSE_UP,mouse_up1); 246 arrow.visible = true; 247 Mouse.hide(); 248 //e.stopPropagation(); 249 } 250 private function mouse_move1(e:MouseEvent) 251 { 252 arrow.visible = true; 253 Mouse.hide(); 254 squ.removeEventListener(MouseEvent.MOUSE_DOWN,mouse_down1); 255 stage.addEventListener(MouseEvent.MOUSE_UP,mouse_up1); 256 var rec:Rectangle = new Rectangle ; 257 //trace(s.stage.x+" "+s.x); 258 rec.x = s.stage.x; 259 rec.y = s.stage.y; 260 rec.width = stage.mouseX - s.x; 261 rec.height = stage.mouseY - s.y; 262 //trace(rect); 263 arrow.x = stage.mouseX - s.x; 264 arrow.y = stage.mouseY - s.y; 265 if (rec.width > 0 && rec.height > 0 && rec.x+s.x+ rec.width < this._bitmap.x + this._bitmap.width && rec.y + rec.height + s.y < this._bitmap.y + this._bitmap.height) 266 { 267 drawRim(s,rec); 268 } 269 arrow.visible = true; 270 draw_content(); 271 //e.stopPropagation(); 272 e.updateAfterEvent(); 273 } 274 private function mouse_up1(e:MouseEvent) 275 { 276 squ.addEventListener(MouseEvent.MOUSE_DOWN,mouse_down1); 277 squ.stage.removeEventListener(MouseEvent.MOUSE_MOVE,mouse_move1); 278 s.stopDrag(); 279 arrow.x = stage.mouseX - s.x; 280 arrow.y = stage.mouseY - s.y; 281 e.stopPropagation(); 282 arrow.visible = false; 283 Mouse.show(); 284 gen_img.removeChildAt(0); 285 draw_capture(); 286 arrow.x = 0; 287 arrow.y = 0; 288 } 289 //移动方框时重绘方框内图像 290 function cropBitmap(ARG_object:DisplayObject,ARG_x:Number,ARG_y:Number,ARG_width:Number,ARG_height:Number):Bitmap 291 { 292 var cropArea:Rectangle = new Rectangle(0,0,ARG_width,ARG_height); 293 var bmpd:BitmapData = new BitmapData(ARG_width,ARG_height); 294 var croppedBitmap:Bitmap = new Bitmap(bmpd,PixelSnapping.ALWAYS,true); 295 var cropMatrix:Matrix = new Matrix ; 296 cropMatrix.translate( - ARG_x, - ARG_y); 297 bmpd.draw(ARG_object,cropMatrix,null,null,cropArea,true); 298 return croppedBitmap; 299 } 300 //裁剪要上传的图片 301 public function cutOutRect(target:DisplayObject,width:Number,height:Number,distanceX:Number,distanceY:Number,transparent:Boolean=true,fillColor:uint=0x00000000):BitmapData 302 { 303 var m:Matrix = target.transform.matrix; 304 m.tx -= target.getBounds(target.parent).x + distanceX; 305 m.ty -= target.getBounds(target.parent).y + distanceY; 306 var bmpData:BitmapData = new BitmapData(width,height,transparent,fillColor); 307 bmpData.draw(target,m); 308 return bmpData; 309 } 310 //根据比例缩放 311 public function scaleBitmapData(bmpData:BitmapData,scaleX:Number,scaleY:Number):BitmapData 312 { 313 var matrix:Matrix = new Matrix ; 314 matrix.scale(scaleX,scaleY); 315 var bmpData_:BitmapData = new BitmapData((scaleX * bmpData.width),scaleY * bmpData.height,true,0); 316 bmpData_.draw(bmpData,matrix,null,null,null,true); 317 return bmpData_; 318 } 319 //在盒子里缩放 320 private function scaleInBox(target:DisplayObject,boxWidth:Number,boxHeight:Number):void 321 { 322 var scale:Number = Math.min((boxWidth / target.width),boxHeight / target.height); 323 target.scaleX = scale; 324 target.scaleY = scale; 325 } 326 } 327 }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
