请大家邦我看看下面的代码:
<link rel="stylesheet" type="text/css" href="${basePath}uploadify/uploadify.css"/>
<script type="text/javascript"
src="${basePath}uploadify/swfobject.js"></script>
<script type="text/javascript"
src="${basePath}uploadify/jquery.uploadify.v2.1.4.min.js"></script><script>
jQuery(function(){
jQuery('#sendpanel').panel({
title: '寫信'
});
jQuery("#cancelBtn").hide();
jQuery("#full").hide();
jQuery('#strutsUploadFile').uploadify({
'uploader' : basePath+'uploadify/uploadify.swf',
'script' : basePath+'send.html',
'cancelImg' : basePath+'uploadify/cancel.png',
'fileDataName':'fileName',
//'buttonImg' : basePath+'uploadify/cancel.png',
'buttonText' : '添加附件',
//可选
'height' : 20,
//可选
'width' : 50,
//设置允许上传的文件格式
//'fileExt' : '*.jpg;*.gif;*.png',
//设置允许上传的文件格式后,必须加上下面这行代码才能帮你过滤
//'fileDesc' : 'Image Files',
//允许连续上传多个文件
'multi':'true',
//一次性最多允许上传多少个,不设置的话默认为999个
'queueSizeLimit' : 10,
//每个文件允许上传的大小(字节)
//'sizeLimit' : 102400,
'onOpen': function(event,ID,fileObj) {
//当有文件正在上传时的操作
$("#cancelBtn").show();
},
'onQueueFull': function (event,queueSizeLimit) {
//当添加待上传的文件数量达到设置的上限时的操作
$("#full").append("<font color='red'><b>已经达到上传数量限制了,不能再添加了</b></color><br/>");
$("#full").show();
return false;
},
'onComplete': function(event, ID, fileObj, response, data) {
//当每个文件上传完成后的操作
$("#cancel").hide();
$("#full").hide();
$("#show").append('<a href="#" mce_href='+basePath+'send.html?fileName='+fileObj.name+'>'+fileObj.name+'</a><br/>');
//$("#show").append( "<a href="/" mce_href="/""downloadFile.action?fileName="+fileObj.name+"/">"+fileObj.name+"</a><br/>");
},
'onCancel': function(event,ID,fileObj,data) {
//当取消所有正在上传文件后的操作
$("#cancelBtn").hide();
},
'onAllComplete':function(event,data) {
//当所有文件上传完成后的操作
$("#cancelBtn").hide();
if(data.errors==0){
$("#allShow").append("所有文件已上传成功(本次共上传"+data.filesUploaded+"个),上传总大小:"+data.allBytesLoaded+"字节,平均传输速度:"+data.speed+"KB/s");
}else{
$("#allShow").append("成功上传"+data.filesUploaded+"个文件,失败"+data.errors+"个,上传总大小:"+data.allBytesLoaded+"字节,平均传输速度:"+data.speed+"KB/s");
}
}
});});
</script><div id="sendpanel"> <table cellspacing="10" style=" width:99%">
<tr>
<td style="width:45px;">收件人</td>
<td ><input id="sendname" style=" width:99%" /></td>
</tr>
<tr>
<td style="width:45px;">主题</td>
<td><input id="theme" style=" width:99%"/></td>
</tr>
<tr>
<td colspan="2">
<div style="padding-left:60px;">
<a href="#" id="btnAdd" >添加附件</a> 
<a href="#">图片</a> 
<a href="#">文件格式</a> 
<div id="full"></div>
<div id="allShow"></div>
<div id="show"></div>
<input type="file" name="fileName" id="strutsUploadFile"/><br/>
<input type="button" onclick="javascript:$('#strutsUploadFile').uploadifyUpload()" value="确定上传"/>
<input type="button" id="cancelBtn" onclick="javascript:$('#strutsUploadFile').uploadifyClearQueue()" value="取消上传"/>
</div>
</td>
</tr>
<tr>
<td style="width:45px;" valign="top" >正文</td>
<td><textArea id="text" name="text" style="width:99%; height:300px;" /></td>
</tr>
</table></div>
<script type="text/javascript">
jQuery(document).ready(function(){
$('#btnAdd').click(function(){
$('#strutsUploadFileUploader').click();
});
});
</script>
<link rel="stylesheet" type="text/css" href="${basePath}uploadify/uploadify.css"/>
<script type="text/javascript"
src="${basePath}uploadify/swfobject.js"></script>
<script type="text/javascript"
src="${basePath}uploadify/jquery.uploadify.v2.1.4.min.js"></script><script>
jQuery(function(){
jQuery('#sendpanel').panel({
title: '寫信'
});
jQuery("#cancelBtn").hide();
jQuery("#full").hide();
jQuery('#strutsUploadFile').uploadify({
'uploader' : basePath+'uploadify/uploadify.swf',
'script' : basePath+'send.html',
'cancelImg' : basePath+'uploadify/cancel.png',
'fileDataName':'fileName',
//'buttonImg' : basePath+'uploadify/cancel.png',
'buttonText' : '添加附件',
//可选
'height' : 20,
//可选
'width' : 50,
//设置允许上传的文件格式
//'fileExt' : '*.jpg;*.gif;*.png',
//设置允许上传的文件格式后,必须加上下面这行代码才能帮你过滤
//'fileDesc' : 'Image Files',
//允许连续上传多个文件
'multi':'true',
//一次性最多允许上传多少个,不设置的话默认为999个
'queueSizeLimit' : 10,
//每个文件允许上传的大小(字节)
//'sizeLimit' : 102400,
'onOpen': function(event,ID,fileObj) {
//当有文件正在上传时的操作
$("#cancelBtn").show();
},
'onQueueFull': function (event,queueSizeLimit) {
//当添加待上传的文件数量达到设置的上限时的操作
$("#full").append("<font color='red'><b>已经达到上传数量限制了,不能再添加了</b></color><br/>");
$("#full").show();
return false;
},
'onComplete': function(event, ID, fileObj, response, data) {
//当每个文件上传完成后的操作
$("#cancel").hide();
$("#full").hide();
$("#show").append('<a href="#" mce_href='+basePath+'send.html?fileName='+fileObj.name+'>'+fileObj.name+'</a><br/>');
//$("#show").append( "<a href="/" mce_href="/""downloadFile.action?fileName="+fileObj.name+"/">"+fileObj.name+"</a><br/>");
},
'onCancel': function(event,ID,fileObj,data) {
//当取消所有正在上传文件后的操作
$("#cancelBtn").hide();
},
'onAllComplete':function(event,data) {
//当所有文件上传完成后的操作
$("#cancelBtn").hide();
if(data.errors==0){
$("#allShow").append("所有文件已上传成功(本次共上传"+data.filesUploaded+"个),上传总大小:"+data.allBytesLoaded+"字节,平均传输速度:"+data.speed+"KB/s");
}else{
$("#allShow").append("成功上传"+data.filesUploaded+"个文件,失败"+data.errors+"个,上传总大小:"+data.allBytesLoaded+"字节,平均传输速度:"+data.speed+"KB/s");
}
}
});});
</script><div id="sendpanel"> <table cellspacing="10" style=" width:99%">
<tr>
<td style="width:45px;">收件人</td>
<td ><input id="sendname" style=" width:99%" /></td>
</tr>
<tr>
<td style="width:45px;">主题</td>
<td><input id="theme" style=" width:99%"/></td>
</tr>
<tr>
<td colspan="2">
<div style="padding-left:60px;">
<a href="#" id="btnAdd" >添加附件</a> 
<a href="#">图片</a> 
<a href="#">文件格式</a> 
<div id="full"></div>
<div id="allShow"></div>
<div id="show"></div>
<input type="file" name="fileName" id="strutsUploadFile"/><br/>
<input type="button" onclick="javascript:$('#strutsUploadFile').uploadifyUpload()" value="确定上传"/>
<input type="button" id="cancelBtn" onclick="javascript:$('#strutsUploadFile').uploadifyClearQueue()" value="取消上传"/>
</div>
</td>
</tr>
<tr>
<td style="width:45px;" valign="top" >正文</td>
<td><textArea id="text" name="text" style="width:99%; height:300px;" /></td>
</tr>
</table></div>
<script type="text/javascript">
jQuery(document).ready(function(){
$('#btnAdd').click(function(){
$('#strutsUploadFileUploader').click();
});
});
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货