upload_zip.html 4.55 KB
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>文件管理</title>
<link rel="stylesheet" type="text/css" href="/public/plugins/webuploader2/webuploader.css">
<link rel="stylesheet" type="text/css" href="/public/plugins/webuploader2/css/style.css">
</head>
<body>
<div class="upload-box">
	<ul class="tabs">
		<!--<li class="checked" id="upload_tab">本地上传</li>-->
		<!--<li id="manage_tab">在线管理</li>-->
		<!--<li id="search_tab">文件搜索</li>-->
	</ul>
	<div class="container">
		<div class="area upload-area area-checked" id="upload_area">
			<div id="uploader">
				<div class="statusBar" style="display:none;">
					<div class="progress">
						<span class="text">0%</span>
						<span class="percentage"></span>
					</div><div class="info"></div>
					<div class="btns">
						<div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
						<div class="saveBtn">确定使用</div>
					</div>
				</div>
				<div class="queueList">
					<div id="dndArea" class="placeholder">
						<div id="filePicker"></div>
						<p>或将文件拖到这里,本次最多可选{$info.num|default=1}个,单张最大支持500KB</p>
					</div>
				</div>
			</div>
		</div>
		<div class="area manage-area" id="manage_area">
			<ul class="choose-btns">
				<li class="btn sure checked">确定</li>
				<li class="btn cancel">取消</li>
			</ul>
			<div class="file-list">
				<ul id="file_all_list">
					<!--<li class="checked">
						<div class="img">
							<img src="" />
							<span class="icon"></span>
						</div>
						<div class="desc"></div>
					</li>-->
				</ul>
			</div>
		</div>
		<div class="area search-area" id="search_area">
			<ul class="choose-btns">
				<li class="search">
					<div class="search-condition">
						<input class="key" type="text" />
						<input class="submit" type="button" hidefocus="true" value="搜索" />
					</div>
				</li>
				<li class="btn sure checked">确定</li>
				<li class="btn cancel">取消</li>
			</ul>
			<div class="file-list">
				<ul id="file_search_list">
					<!--<li>
						<div class="img">
							<img src="" />
							<span class="icon"></span>
						</div>
						<div class="desc"></div>
					</li>-->
				</ul>
			</div>
		</div>
		<div class="fileWarp" style="display: none">
			<fieldset>
				<legend>列表</legend>
				<ul></ul>
			</fieldset>
		</div>
	</div>
</div>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/public/plugins/webuploader2/webuploader.js"></script>
<script type="text/javascript" src="/public/plugins/webuploader2/upload.js"></script>
<script>
$(function(){
	var config = {
			"swf":"/public/plugins/webuploader/Uploader.swf",
			"server":"{$info.upload}",
			"filelistPah":"{$info.fileList}",
			"delPath":"{:U('Uploadify/delupload_zip')}",
			"chunked":false,
			"chunkSize":524288,
			"fileNumLimit":{$info.num|default=1},
			"fileSizeLimit":209715200,
			"fileSingleSizeLimit":614400,
			"fileVal":"file",
			"auto":true,
			"formData":{},
			"pick":{"id":"#filePicker","label":"点击选择压缩文件","name":"file"},
            "duplicate":true
};
	Manager.upload($.extend(config, {type : "zip"}));
	
	/*点击保存按钮时
	 *判断允许上传数,检测是单一文件上传还是组文件上传
	 *如果是单一文件,上传结束后将地址存入$input元素
	 *如果是组文件上传,则创建input样式,添加到$input后面
	 *隐藏父框架,清空列队,移除已上传文件样式*/
	$(".statusBar .saveBtn").click(function(){
		var callback = "{$info.func}";
		var num = {$info.num|default=1};
		var fileurl_tmp = [];
		if(callback != "undefined"){	
			if(num > 1){	
				 $("input[name^='fileurl_tmp']").each(function(index,dom){
					fileurl_tmp[index] = dom.value;
				 });	
			}else{
				fileurl_tmp = $("input[name^='fileurl_tmp']").val();	
			}
			eval('window.parent.'+callback+'(fileurl_tmp,"#{$info.input}")');
			window.parent.layer.closeAll();
			return;
		}					 
		if(num > 1){
				var fileurl_tmp = "";
				$("input[name^='fileurl_tmp']").each(function(){
					fileurl_tmp += '<li rel="'+ this.value +'"><input class="input-text" type="text" name="{$info.input}[]" value="'+ this.value +'" /><a href="javascript:void(0);" onclick="ClearPicArr(\''+ this.value +'\',\'\')">删除</a></li>';	
				});			
				$(window.parent.document).find("#{$info.input}").append(fileurl_tmp);
		}else{
				$(window.parent.document).find("#{$info.input}").val($("input[name^='fileurl_tmp']").val());
		}
		window.parent.layer.closeAll();
	});
	
});
</script>
</body>
</html>