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

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

magic
2011-07-01 / 0 评论 / 3 阅读 / 正在检测是否收录...

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

1.最终效果

2.目录包含

08-May-2014 18:08944 ------------ 演示页面
08-May-2014 16:1410K
08-May-2014 18:115.9K
08-May-2014 16:31

3.源码分析

一、HOME.html

演示页面HOME.html调用框架代码
width="300" scrolling="no" height="300" frameborder="0"
src="thumb_scale.html?123#width=300#height=450#md5=newsalbum#name=Filedata#post=upload/image_upload_swf/#key=news"
id="upload_pic" name="upload_pic">

二、thumb_scale.html

thumb_scale.html主要是掉用Flash,并显示出来
_。

_

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

点击(此处)折叠或打开



/*
*flash通信接口.回调函数
*目前只接受一个方法:
*callback(data:object)
*object:{data:jsonString}
*/
varASFace={
callback:function(text){
varre=eval("("+text.data+")");
if(re.stat){
if(config.input){
varinput=parent.document.getElementById(config.input);
input.value=re.url;
}
if(config.md5){
varinput=parent.document.getElementById(config.md5);
input.value=re.md5;
}
if(config.review){
varbox=parent.document.getElementById(config.review);
box.innerHTML="";
}
}
}
}



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

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

下面是整个上传的DOME

0

评论 (0)

取消