项目演示效果,在线演示地址daxiutai.com/mote_manage/space_active.html

1.最终效果

【web】Flash头像上传裁剪功能附下载【ASP,PHP,JSP,PYTHONE】-LMLPHP


2.目录包含

home.html08-May-2014 18:08944  ------------ 演示页面
swfobject.js08-May-2014 16:1410K
thumb_scale.html08-May-2014 18:115.9K
upload/08-May-2014 16:31

3.源码分析

一、HOME.html

演示页面HOME.html调用框架代码


二、thumb_scale.html
thumb_scale.html主要是掉用Flash,并显示出来

回调函数你可以修改成你需要的结果

点击(此处)折叠或打开

  1. /*
  2.             *flash通信接口.回调函数
  3.             *目前只接受一个方法:
  4.             *callback(data:object)
  5.             *object:{data:jsonString}
  6.             */
  7.             var ASFace={
  8.                 callback:function(text){
  9.                     var re=eval("("+text.data+")");
  10.                     if(re.stat){
  11.                         if(config.input){
  12.                             var input=parent.document.getElementById(config.input);
  13.                             input.value=re.url;
  14.                         }
  15.                         if(config.md5){
  16.                             var input=parent.document.getElementById(config.md5);
  17.                             input.value=re.md5;
  18.                         }
  19.                         if(config.review){
  20.                             var box=parent.document.getElementById(config.review);
  21.                             box.innerHTML="+re.url+"' />";
  22.                         }
  23.                     }
  24.                 }
  25.             }


4.上传执行函数,可以修改为你的上传接口thumb_scale.html?123#width=300#height=450#md5=newsalbum#name=Filedata#post=upload/image_upload_swf/#key=news,需要注意的是,他上传的是一个base64_decode码数据,接收时处理下就行。

总结:截图功能简洁简单,只要修改下需要的大小,以及回调函数就OK。最后附上下载地址

下面是整个上传的DOME
【web】Flash头像上传裁剪功能附下载【ASP,PHP,JSP,PYTHONE】-LMLPHPflash.zip
08-30 17:21