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
- uploadify文件上传实例
- Uploadify文件上传小实例
- Struts2 + uploadify 多文件上传完整实例!
- uploadify批量上传文件
- jquery uploadify 上传文件
- uploadify实现文件上传
- uploadify批量上传文件
- 文件上传[Uploadify]
- uploadify多文件上传
- 使用uploadify上传文件
- uploadify 文件上传 struts2
- uploadify上传文件
- uploadify 上传大文件
- uploadify上传文件功能
- uploadify多文件上传
- uploadify上传文件
- uploadify文件上传整理
- SpringMVC+uploadify文件上传
- 使用session实现网站N天免登陆(转载)
- 使用rabbitmq 实现延迟消费
- 网上商城项目总结
- tensorflow编程: Control Flow
- 加密的病历单
- uploadify文件上传实例
- MySQL-InnoDB表
- spring:IOC容器原理
- JS,Jquery获取各种屏幕的宽度和高度
- fullgc问题解决:Full GC (Metadata GC Threshold)
- springboot常用注解
- Makefile十七之后缀规则和隐含规则的搜索算法
- ArcGIS for Server自带的PublishingTools无法启动
- HDU 5976 Detachment