📄 upload_multi_selectfile.jsp

📁 jsp CMS全站　无可奈何花落去　士大夫
💻 JSP
字号:
<%@ 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}&paramID=${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">共计 <span id=fileCount>0</span> 个文件 <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">状态</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">图片标题</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>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -