项目演示效果,在线演示地址daxiutai.com/mote_manage/space_active.html
1.最终效果
2.目录包含
08-May-2014 18:08 | 944 ------------ 演示页面 | |
---|---|---|
08-May-2014 16:14 | 10K | |
08-May-2014 18:11 | 5.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)