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调用框架代码="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}
-
*/
-
var ASFace={
-
callback:function(text){
-
var re=eval("("+text.data+")");
-
if(re.stat){
-
if(config.input){
-
var input=parent.document.getElementById(config.input);
-
input.value=re.url;
-
}
-
if(config.md5){
-
var input=parent.document.getElementById(config.md5);
-
input.value=re.md5;
-
}
-
if(config.review){
-
var box=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
