<dt>插入附件:</dt>
<dd><span id="spanButtonPlaceHolder"></span>
<div id="picker">上传文稿</div>
<div style="color:#9E9E9E;padding-top:10px;">附件20M以内,可上传txt/word/excel/pdf/rar/zip/jpg/png/gif/ppt。</div>
<div id="upload_progress" class="progress progress-striped active" style="display: none; margin-top: 10px">
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
</div>
<div class="upload_list">
<ul id="detail_list">
#foreach($fileEntity in $eduFileList)
<li>
<a href="${base}/download/$!{fileEntity.fileId}.file" title="$!{fileEntity.fileName}" class="down_file">
$t_sys.truncate($!{fileEntity.fileName},25,'...').$!{fileEntity.ext}
</a>
<a href="javascript:void(0)" οnclick="deleteFile(this)" class="del">删除</a>
<input type="hidden" name="fileId" id="fileId" value="$!{fileEntity.fileId}" />
<input type="hidden" name="fileName" id="fileName" value="$!{fileEntity.fileName}" />
<input type="hidden" id="fileUrl" name="fileUrl" value="$!{fileEntity.fileUrl}"/>
<input type="hidden" id="ext" name="ext" value="$!{fileEntity.ext}"/>
<input type="hidden" id="fileSize" name="fileSize" value="$!{fileEntity.fileSize}"/>
</li>
#end
</ul>
</div>
</dd>
<link rel="stylesheet" type="text/css" href="${base}/plugins/webuploader/webuploader.css">
<script type="text/javascript" src="${base}/plugins/webuploader/webuploader.js"></script>
<script type="text/javascript">
var uploader = WebUploader.create({
swf: '${base}/plugins/webuploader/Uploader.swf',
server: '${base}/private/member/upload.action;jsessionid=$!{session.id}',
pick: '#picker',
resize: false,
auto: true,
fileVal: 'anyfile',
fileSingleSizeLimit: 1024*1024*20,
duplicate: true,
accept: {
title: '',
extensions: 'png,jpg,txt,rar,gif,zip,ppt,pptx,doc,docx,xls,xlsx,pdf,7z'
}
});
// 当有文件被添加进队列的时候
uploader.on( 'fileQueued', function( file ) {
});
//文件数量
var listSize = '$eduFileList.size()';
var num = parseInt(listSize);
uploader.on( 'uploadSuccess', function(file, data) {
jQuery('#upload_progress').hide();
if(data.result == 0) {
alert(data.message);
return;
}
var html = '<li >';
html += '<a href="javascript:void(0)" title="'+data.anyfileOldName+'" class="down_file">';
html += data.anyfileOldName.substring(0,15) +'.'+data.anyfileExt+'</a>';
html += '<a href="javascript:void(0)" οnclick="deleteFile(this)" class="del">删除</a>';
html += '<input type="hidden" name="fileId" id="fileId" value="" />';
html += '<input type="hidden" name="fileName" id="fileName" value="'+ data.anyfileOldName + '" />';
html += '<input type="hidden" id="fileUrl" name="fileUrl" value="'+data.anyfileTempPathName+'"/>';
html += '<input type="hidden" id="ext" name="ext" value="'+data.anyfileExt+'"/>';
html += '<input type="hidden" id="fileSize" name="fileSize" value="'+data.anyfileSize+'"/>';
html += '</li>';
#if($more)
//if(num >= 3){
//alert('附件最多上传3个!');
//return;
//}
num = num +1;
jQuery('#detail_list').append(html);
#else
jQuery('#detail_list').html(html);
#end
});
// 文件上传过程中创建进度条实时显示。
uploader.on( 'uploadProgress', function( file, percentage ) {
var percent = jQuery('#upload_progress .progress-bar');
percent.parent('div').show();
percent.css( 'width', percentage * 100 + '%' );
});
uploader.on('uploadError', function(file) {
//$( '#'+file.id ).find('p.state').text('上传出错');
jQuery('#upload_progress').hide();
});
uploader.on( 'uploadComplete', function( file ) {
});
uploader.on('error', function( type ) {
if(type == 'Q_TYPE_DENIED') {
alert('上传类型错误!');
return;
}
if(type == 'F_EXCEED_SIZE') {
alert('上传文件过大!');
return;
}
alert('未知错误!');
return;
});
uploader.on('beforeFileQueued', function( file ) {
if(file.size <= 0) {
alert('请上传文件大于0KB的文件');
return false;
}
});
function deleteFile(obj) {
jQuery(obj).parent('li').remove();
num = num -1;
}
</script>