[#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]
|
