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_url : "swfupload/swfupload.swf",
- prevent_swf_caching : false,
-
-
- upload_url: uploadurl,
- file_post_name : "filedata",
- post_params: params,
- use_query_string : useget=='1'?true:false,
-
- 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';
- }
- </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>
|