123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- <!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>
|