?? upload_multi_selectfile.jsp
字號(hào):
<%@ page contentType="text/html; charset=GBK"%>
<%@ taglib uri="/cms4j" prefix="cms4j" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>CMS4J </title>
<link href="../skin/blue/css/oper_area.css" rel="stylesheet" type="text/css">
</head>
<script src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/upload/mootools.v1.11.js"></script>
<script type="text/javascript" src="../../js/upload/Swiff.Base.js"></script>
<script type="text/javascript" src="../../js/upload/Swiff.Uploader.js"></script>
<script type="text/javascript" src="../../js/upload/FancyUpload.js"></script>
<script type="text/javascript">
function aaa(name, size){
//alert(name + "_" + size);
}
function loadUpload() {
/**
* We take the first input with this class we can find ...
*/
var input = $('photoupload-filedata-1');
/**
* Simple and easy
*
* swf: the path to the swf
* container: the object is embedded in this container (default: document.body)
*
* NOTE: container is only used for the first uploader u create, all others depend
* on the same swf in that container, so the container option for the other uploaders
* will be ignored.
*
*/
var uplooad = new FancyUpload(input, {
swf: '../../js/upload/Swiff.Uploader.swf',
queueList: 'photoupload-queue',
onComplete: aaa
});
/**
* We create the clear-queue link on-demand, since we don't know if the user has flash/javascript.
*
* You can also create the complete xhtml structure thats needed for the queue here, to be sure
* that its only in the document when the user has flash enabled.
*/
$('photoupload-status1').adopt(new Element('a', {
href: 'javascript:void(null);',
events: {
click: uplooad.clearList.bind(uplooad, [true])
}
}).setHTML('[清除所有]'));
$('photoupload-status2').adopt(new Element('a', {
href: 'javascript:void(null);',
events: {
click: uplooad.clearList.bind(uplooad, [false])
}
}).setHTML('[清除已完成]'));
}
//]]>
</script>
<body onLoad="loadUpload()">
<form action="../../do?action=${param.action}¶mID=${param.paramID}&type=${param.type}" method="post" name="photoupload" id="photoupload" enctype="multipart/form-data">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="34%" height="30" class="left-title"><input type="file" name="Filedata" id="photoupload-filedata-1" /></td>
<td width="32%" class="left-title">共計(jì) <span id=fileCount>0</span> 個(gè)文件 <span class="table_oper_tr">
<input name="Submit3" type="submit" class="form-buttun" value="開始上傳">
</span></td>
<td width="18%" align="right" class="left-title" id="photoupload-status1"></td>
<td width="16%" align="right" class="left-title" id="photoupload-status2"></td>
</tr>
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-frame">
<tr>
<td width="7%" align="center" class="table-titlebar">狀態(tài)</td>
<td width="37%" class="table-titlebar">文件名稱</td>
<td width="11%" height="20" class="table-titlebar">大小</td>
<td width="38%" class="table-titlebar" style="display:none">圖片標(biāo)題</td>
<td width="7%" class="table-titlebar">操作</td>
</tr>
</table>
<span id="photoupload-queue-templet" style="display:none">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-frame">
<tr id="photoupload-queue-templet">
<td width="7%" align="center" class="left-title" id="state_@NAME">-</td>
<td width="37%" class="table-cell-input">@NAME</td>
<td width="11%" height="20" align="right" class="table-cell">@SIZE</td>
<td width="38%" align="center" class="table-cell" style="display:none">
<input id="title_@NAME" name="title_@NAME" type="text" class="form-input" style="width:100%" value="@TITLE">
</td>
<td width="7%" align="center" class="table-cell" id="oper_@NAME"></td>
</tr>
</table>
</span>
<span id="photoupload-queue">
</span>
</form>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -