[#macro upload id="" name=id multiple="false" allowTypes="*" fileSizeLimit="5000K" values=[] type=""]
<script src="${base}/static/plugins/uploadify/jquery.uploadify.min.js" type="text/javascript" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="${base}/static/plugins/uploadify/uploadify.css">
<style>
/** Çå³ýÄÚÍâ±ß¾à **/ 
body, div, h1, h2, h3, h4, h5, h6, hr, p, span, a,
blockquote, /* structural elements ½á¹¹ÔªËØ */ 
dl, dt, dd, ul, ol, li, /* list elements ÁбíÔªËØ */ 
pre, /* text formatting elements Îı¾¸ñʽԪËØ */ 
form, fieldset, legend, button, input, textarea, /* form elements ±íµ¥ÔªËØ */ 
th, td, /* table elements ±í¸ñÔªËØ */ 
img/* img elements ͼƬԪËØ */{ 
	border:none;
	padding:0;
	margin:0;
	outline:0 none;
	}
/** ÉèÖÃĬÈÏ×ÖÌå **/ 
body, button, input, select, textarea{ 
¡¡¡¡font:12px/1.5 'ËÎÌå',tahoma, Srial, helvetica, sans-serif; 
	} 
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;} 
em{font-style:normal;} 
/** ÖØÖÃÁбíÔªËØ **/ 
ul, ol{list-style:none;} 
/** ÖØÖó¬Á´½ÓÔªËØ **/ 
a{text-decoration:none; color:#333; cursor:pointer;} 
a:hover{color:#F40;} 
/** ÖØÖÃͼƬԪËØ **/ 
img{border:0px;} 
/** ÖØÖñí¸ñÔªËØ **/ 
table{border-collapse:collapse; border-spacing:0;}

/* Çå³ý¸¡¶¯ */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	}  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

.uploadBtn, .uploadBtn:hover{
	border:1px solid #bbbbbb;
	color:#FFF;
	font-weight:bold;
	text-shadow:none;
	}
.detailCon{
	background:#f6f6f6;
	color:#4d4d4d;
	font:12px "΢ÈíÑźÚ";
	line-height:24px;
	padding:20px 20px 10px 20px;
	}
.detailCon label{
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
	width:60px;
	}
.detailCon .fileUpload{
	clear:both;
	height:24px;
	line-height:24px;
	_height:28px;
	_line-height:28px;
	margin:0 20px 10px 0;
	}
.detailCon .fileUpload a{
	background:#FFF;
	border-radius:15px;
	height:22px;
	line-height:22px;
	margin:0 5px;
	}
.detailCon .fileUpload a i{
	background:url(images/fileUpload.png) no-repeat left;
	font-style:normal;
	padding:0 10px 0 18px;
	}
.detailCon .fileShow{
	margin-bottom:10px;
	}
.detailCon .fileShow table{
	background:#FFF;
	border:1px solid #bfbfbf;
	float:left;
	margin-top:5px;
	}
.detailCon .fileShow table td{
	border-bottom:1px dotted #bfbfbf;
	padding:10px;
	}
.detailCon .fileShow table td input{
	background:#FFF;
	border-bottom:1px solid #bfbfbf;
	color:#898989;
	height:23px;
	line-height:23px;
	padding-left:5px;
	width:200px;
	}
</style>
<script type="text/javascript">

	function onFileDelete(href){
		if(!confirm('È·¶¨ÒªÉ¾³ýÂð£¿')) return false;
		href.parent(".fileDiv").remove();
	}
	
	$(function(){
		$("#${id}_files").uploadify({
			height        : 22,
			width         : 100,
			removeTimeout:0,
			buttonText :"",
			buttonClass :"uploadBtn",
			//wmode :"transparent",
			buttonImage :"${base}/static/plugins/uploadify/uploadfileBtnBg.gif",
			queueSizeLimit:10,
			swf           : '${base}/static/plugins/uploadify/uploadify.swf',
			uploader      : '${base}/interface/fileupload/picpressupload.html',
	        fileTypeExts : '${allowTypes}',
	        fileSizeLimit : '${fileSizeLimit}',
	        onUploadSuccess : function(file, data, response){
	        	var data =  JSON.parse(data);
	        	var html = '<div class="fileDiv">'+
								'<input type="hidden" name="FILE_ID" value="" />'+
								'<input type="hidden" name="TYPE" value="${type}" />'+
								'<input type="hidden" name="EXT_NAME" value="'+ data.EXT_NAME +'" />'+
								'<input type="hidden" name="FIELD_NAME" value="'+ data.FIELD_NAME +'" />'+
								'<input type="hidden" name="FILE_PATH" value="'+ data.FILE_PATH +'" />'+
								'<input type="hidden" name="FILE_SIZE" value="'+ data.FILE_SIZE +'" />'+
								'<input type="hidden" name="FILE_NAME" value="'+ data.FILE_NAME +'" />'+
								'<a target="_blank" href="${base}/'+data.FILE_PATH+'">'+ data.FILE_NAME +'</a>'+
								'URL:<input type="text" name="FILE_LINK" value="" />'+
								'˳ÐòºÅ:<input type="text" name="FILE_SN" value="" />'+
								'<a href="####" onclick="return onFileDelete($(this));">[ɾ³ý]</a>'+
							'</div>';
				$("#fileList${type}").append(html);
	        }
		});
	});
</script>
<div id="fileList${type}">
	[#list values as d]
	<div class="fileDiv">
		<input type="hidden" name="FILE_ID" value="${d.ID}" />
		<input type="hidden" name="EXT_NAME" value="${d.FILETYPE}" />
		<input type="hidden" name="FIELD_NAME" value="${d.FIELD_NAME}" />
		<input type="hidden" name="FILE_PATH" value="${d.FILEPATH}" />
		<input type="hidden" name="FILE_SIZE" value="${d.FILESIZE}" />
		<input type="hidden" name="FILE_NAME" value="${d.FILENAME}" />
		<input type="hidden" name="TYPE" value="${d.TYPE}" />
		<a target="_blank" href="${base+d.FILEPATH}">${d.FILENAME}</a>
		<input type="text" name="FILE_NOTE" value="${d.FILENOTE}" />
		<a href="####" onclick="return onFileDelete($(this));">[ɾ³ý]</a>
	</div>
	[/#list]
</div>
<input  type="file" name="${id}_files" multiple id="${id}_files" value=""/>
[/#macro]