需要引入的js文件和css文件:
<!-- 上传插件 -->
<link href="plugins/uploadify/uploadify.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="static/ace/js/jquery.js"></script>
<script type="text/javascript" src="plugins/uploadify/swfobject.js"></script><script type="text/javascript" src="plugins/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<!-- 上传插件 -->
<script type="text/javascript">
var jsessionid = "<%=session.getId()%>"; //勿删,uploadify兼容火狐用到
</script>
hTML文件:
<table id="table_report" class="table table-striped table-bordered table-hover">
<tr>
<td style="width:75px;text-align: right;padding-top: 13px;" id="FILEPATHn">文件:</td>
<td>
<input type="file" name="File_name" id="uploadify1" keepDefaultStyle = "true"/>
<input type="hidden" name="FILEPATH" id="FILEPATH" value=""/>
</td>
</tr>
<tr>
<td style="text-align: center;" colspan="10">
<a class="btn btn-mini btn-primary" οnclick="save();">保存</a>
<a class="btn btn-mini btn-danger" οnclick="$('#uploadify1').uploadifyClearQueue();">取消</a>
</td>
</tr>
</table>
<script type="text/javascript">
//保存
function save(){
$('#uploadify1').uploadifyUpload();
}
$(document).ready(function(){
var str='';
$("#uploadify1").uploadify({
'buttonImg' : "<%=basePath%>static/images/fileup.png",
'uploader' : "<%=basePath%>plugins/uploadify/uploadify.swf",
'script' : "<%=basePath%>plugins/uploadify/uploadFile.jsp;jsessionid="+jsessionid,
'cancelImg' : "<%=basePath%>plugins/uploadify/cancel.png",
'folder' : "<%=basePath%>uploadFiles/uploadFile",//上传文件存放的路径,请保持与uploadFile.jsp中PATH的值相同
'queueId' : "fileQueue",
'queueSizeLimit': 1,//限制上传文件的数量
//'fileExt' : "*.rar,*.zip",
//'fileDesc' : "RAR *.rar",//限制文件类型
'fileExt' : '*.*;*.*;*.*',
'fileDesc' : 'Please choose(.*, .*, .*)',
'auto' : false,
'multi' : true,//是否允许多文件上传
'simUploadLimit':2,//同时运行上传的进程数量
'buttonText': "files",
'scriptData': {'uploadPath':'/uploadFiles/uploadFile/'},//这个参数用于传递用户自己的参数,此时'method' 必须设置为GET, 后台可以用request.getParameter('name')获取名字的值
'method' : "GET",
'onComplete':function(event,queueId,fileObj,response,data){
str = response.trim();//单个上传完毕执行
},
'onAllComplete' : function(event,data) {
//alert(str); //全部上传完毕执行
$("#FILEPATH").val(str);
}
});
});
</script>
参考实例:http://medicine.iteye.com/blog/605048