uploadify文件上传实例

来源:互联网 发布:泡水喝 知乎 编辑:程序博客网 时间:2024/05/02 02:27

需要引入的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" onclick="save();">保存</a>
<a class="btn btn-mini btn-danger" onclick="$('#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


原创粉丝点击