<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta name="robots" content="noindex, nofollow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MultiUpload Demo</title>
<link href="multiupload.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="swfupload/swfupload.js"></script>
<script type="text/javascript" src="multiupload.js"></script>
<script type="text/javascript">
$(window).load(pageInit);
function pageInit()
{
var uploadurl='../upload.php',ext='所有文件 (*.*)',size='2 MB',count=5,useget=0,params={}//默认值
uploadurl=getQuery('uploadurl')||uploadurl;ext=getQuery('ext')||ext;size=getQuery('size')||size;count=getQuery('count')||count;useget=getQuery('useget')||useget;
var tmpParams=getQuery('params');
if(tmpParams)
{
try{eval("tmpParams=" + tmpParams);}catch(ex){};
params=$.extend({},params,tmpParams);
}
ext=ext.match(/([^\(]+?)\s*\(\s*([^\)]+?)\s*\)/i);
setTimeout(fixHeight,10);
swfu = new SWFUpload({
// Flash组件
flash_url : "swfupload/swfupload.swf",
prevent_swf_caching : false,//是否缓存SWF文件
// 服务器端
upload_url: uploadurl,
file_post_name : "filedata",
post_params: params,//随文件上传一同向上传接收程序提交的Post数据
use_query_string : useget=='1'?true:false,//是否用GET方式发送参数
// 文件设置
file_types : ext[2],//文件格式限制
file_types_description : ext[1],//文件格式描述
file_size_limit : size, // 文件大小限制
file_upload_limit : count,//上传文件总数
file_queue_limit:0,//上传队列总数
custom_settings : {
test : "aaa"
},
// 事件处理
file_queued_handler : fileQueued,//添加成功
file_queue_error_handler : fileQueueError,//添加失败
upload_start_handler : uploadStart,//上传开始
upload_progress_handler : uploadProgress,//上传进度
upload_error_handler : uploadError,//上传失败
upload_success_handler : uploadSuccess,//上传成功
upload_complete_handler : uploadComplete,//上传结束
// 按钮设置
button_placeholder_id : "divAddFiles",
button_width: 69,
button_height: 17,
button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
button_cursor: SWFUpload.CURSOR.HAND,
button_image_url : "img/add.gif",
button_text: '<span class="theFont">添加文件</span>',
button_text_style: ".theFont { font-size: 12px; }",
button_text_left_padding: 20,
button_text_top_padding: 0,
// 调试设置
debug: false
});
}
function fixHeight(){$('#listArea').css('height',(document.body.clientHeight-56)+'px');}
function getQuery(item){var svalue = location.search.match(new RegExp('[\?\&]' + item + '=([^\&]*)(\&?)','i'));return svalue?decodeURIComponent(svalue[1]):'';}
//----------------跨域支持代码开始(非跨域环境请删除这段代码)----------------
var JSON = JSON || {};
JSON.stringify = JSON.stringify || function (obj) {
var t = typeof (obj);
if (t != "object" || obj === null) {
if (t == "string")obj = '"'+obj+'"';
return String(obj);
}
else {
var n, v, json = [], arr = (obj && obj.constructor == Array);
for (n in obj) {
v = obj[n]; t = typeof(v);
if (t == "string") v = '"'+v+'"';
else if (t == "object" && v !== null) v = JSON.stringify(v);
json.push((arr ? "" : '"' + n + '":') + String(v));
}
return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
}
};
var callback= callback || function(v){
v=JSON.stringify(v);
window.name=escape(v);
window.location='http://'+location.search.match(/[\?&]editorhost=(.*)(&|$)/i)[1]+'/xheditorproxy.html';//这个文件最好是一个0字节文件，如果无此文件也会正常工作
}
//----------------跨域支持代码结束----------------
</script>
</head>
<body>
<div id="upload">
<div id="buttonArea">
<div id="controlBtns" style="display:none;"><a href="javascript:void(0);" id="btnClear" onclick="removeFile();" class="btn" style="display:none;"><span><img src="img/clear.gif" /> 删除文件</span></a> <a href="javascript:void(0);" id="btnStart" onclick="startUploadFiles();" class="btn"><span><img src="img/start.gif" /> 开始上传</span></a></div>
<a href="javascript:void(0);" id="addFiles" class="btn"><span><div id="divAddFiles">添加文件</div></span></a>
</div>
<div id="listArea">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<thead id="listTitle"><tr><td width="53%">文件名</td><td width="25%">大小</td><td width="22%">状态</td></tr></thead>
<tbody id="listBody">
</tbody>
</table>
</div>
<div id="progressArea">
<div id="progressBar"><span>0%</span><div id="progress" style="width:1px;"></div></div>
</div>
</div>
</body>
</html>