先从官网下载插件 http://www.uploadify.com/
引入之后。。。。
html....................
<!-- 上传 -->
<div id="certificate_importExcel" class="easyui-dialog" style="width:450px;height:220px;padding:0px 20px;"
closed="true" >
<div style="margin-top:20px;">
<input id="file_upload" name="file_upload" type="file" multiple="true">
<a href="javascript:importExcelFile()">上传文件</a> | <a href="javascript:$('#file_upload').uploadify('stop')">停止上传!</a>
</div>
</div>
js...........
<script type="text/javascript">
$(document).ready(function(){
$('#file_upload').uploadify({
'progressData' : 'speed',
'swf' : '<%=basePath%>/static/uploadify/uploadify.swf',
'uploader' : '<%=path%>/cacertificate/importExcel.do',
'buttonText' : '选择文件',
'fileTypeExts' : '*.xls',
'auto' : false,
'fileObjName' : 'file',
'fileTypeDesc' : 'excel文件',
'onError' :function(){
$.messager.alert("确认","导入失败,请与管理员联系!");
$.messager.progress('close');
},
'onUploadSuccess' : function(file, data, response) {
if(data=="null"){
$.messager.alert("确认","未上传excel!");
}else if(data=="excel"){
$.messager.alert("确认","本导入只支持excel文件导入!");
}else if(data=="title"){
$.messager.alert("确认","excel文件格式不正确!");
}else if(data=="sucess"){
$.messager.alert("确认","导入成功!");
$('#certificate_info').datagrid('reload');
}
$.messager.progress('close');
}
});
$("#certificate_info").querygrid({
url:'tificate/query.do',
remoteSort: false,
//idField:'c_checkid',
custom:true,
iconCls:'icon-save',
nowrap:true,
striped:true,
collapsible:true,
pagination:true,
rownumbers:true,
fitColumns:true,
fit:true,
pageSize:15,
pageList:[15,20,30,100],
onLoadError:function(data){
$.messager.alert("加载提示",data.responseText);
},
frozenColumns:[[
{field:'ck',checkbox:true}
]],
columns:[[
{field:'c_id',title:'序号',align:'center'},
{field:'c_note',title:'备注',align:'center'}
]],
toolbar:[${current_ajaxclient_authority}]
toolbar:[{
id:'btncexp',
text:'导入',
iconCls:'icon-search',
handler:function(){
$("#certificate_importExcel").dialog('open').dialog('setTitle','上传');
}
}]
});
});
</script>
这样,点击导入按钮之后,通过$("#certificate_importExcel").dialog('open').dialog('setTitle','上传');
就会显示如下:
扩展:手动加遮罩层
function importExcelFile(){
var state=200;
var obj=$('#file_upload').data('uploadify').queueData.files;//获取选择的文件
for(var s in obj){
state=250;
}
if(state==250){
$.messager.progress({
title:'提示',
msg:'请稍等...',
interval:500,
text:'正在导入'
});
$('#file_upload').uploadify('upload', '*');//手动上传
}else{
$.messager.alert("确认","请选择一个excel!");
}
}
jquery-uploadify 上传的更多相关文章
-
[Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET
URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到 ...
-
jquery.uploadify上传文件配置详解(asp.net mvc)
页面源码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...
-
SpringMVC+jquery.uploadify 上传文件
前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...
-
MVC3+jquery Uploadify 上传文件
最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地 ...
-
jquery uploadify上传文件插件导致浏览器崩溃问题解决方法
自谷歌浏览器更新到(版本39.0.2171.99 )后,访问上传文件界面浏览器就崩溃了,而其他的浏览器不会出现问题. 出现这种问题的原因就是谷歌浏览器缓存问题,但将访问该jsp页面路径添加上时间戳后无 ...
-
jQuery Uploadify上传插件
jQuery Uploadify在ASP.NET MVC3中的使用 1.Uploadify简介 Uploadify是基于jQuery的一种上传插件,支持多文件.带进度条显示上传,在项目开发中常被使用. ...
-
MVC 4 结合jquery.uploadify 上传实例
前言:由于今天公司源代码服务瘫痪,没法编写代码,利用这个有限的时间,做了一个小小的 基于MVC的图片上传demo,貌似近些年来MVC十分火爆,相关的demo也数不胜数,小弟就在这里打着MVC的旗子,狐 ...
-
jquery.uploadify上传插件HTML5版中文api使用说明
插件官网文档:http://www.uploadify.com/documentation/ H5版下载地址:https://download.csdn.net/download/u010075697 ...
-
使用jquery.uploadify上传文件
今天在网上找了一天,想要找到一个比较全的使用案例,结果发现基本上全是一个版本的... 我的问题主要是上传完成后,还需要将路径获取到,然后保存到数据库. 查了一下资料发现有这么一个参数onComplet ...
-
用jquery uploadify上传插件上传文件
public void ProcessRequest(HttpContext context) { string esOIDs = System.Web.HttpContext.Current.Req ...
随机推荐
-
ASP.NET MVC 5 - 视图
在本节中,你要去修改HelloWorldController类,使用视图模板文件,在干净利索地封装的过程中:客户端浏览器生成HTML. 您将创建一个视图模板文件,其中使用了ASP.NET MVC 3所 ...
-
C++静态库与动态库
C++静态库与动态库 这次分享的宗旨是--让大家学会创建与使用静态库.动态库,知道静态库与动态库的区别,知道使用的时候如何选择.这里不深入介绍静态库.动态库的底层格式,内存布局等,有兴趣的同学,推荐一 ...
-
MyBatis学习总结(四)&mdash;&mdash;解决字段名与实体类属性名不相同的冲突
在平时的开发中,我们表中的字段名和表对应实体类的属性名称不一定都是完全相同的,下面来演示一下这种情况下的如何解决字段名与实体类属性名不相同的冲突. 一.准备演示需要使用的表和数据 CREATE TAB ...
-
运行java的class文件方法详解
一.运行class文件 执行带main方法的class文件,命令行为:java <CLASS文件名>注意:CLASS文件名不要带文件后缀.class 例如: 复制代码代码如下: java ...
-
解决NoSuchMethodError with Spring MutableValues异常问题
今天下午项目启动时,遇到一个异常,导致无法启动: [ 221] ERROR - work.web.context.ContextLoader - Context initialization fail ...
-
rpmrebuild备份glibc
任务: 备份已安装的glibc为RPM包,还原. 准备: 下载rpmrebuild 上传至服务器 链接: https://pan.baidu.com/s/1pKNGnur 密码: wgy9 操作: 1 ...
-
[PHP]Symfony or Laravel 在 console 中结合 Workerman
在web框架的console中,命令不再是直接指定入口文件,如以往 php test.php start,而是类似 php app/console do 的形式. workerman 对命令的解析是 ...
-
使用VNC+SSH建立安全的远程桌面访问WINDOWS服务器
用了一段时间的MONO,现在MONO也支持了ENTITY FRAMEWORK 6.但是实际上在LINUX环境里用MYSQL还是会有很多坑.并且之前在网络游戏服务端SCUT上扩展一些功能时候也遇到了一些 ...
-
最新手机号正则表达式 java 、javascript版正则表达式验证是否为11位有效手机号码
最近在做注册登陆页面,都要涉及到验证11位有效手机号码,这里贴出代码,希望能帮到有这个开发需求的朋友. function isPoneAvailable($poneInput) { var myreg ...
-
emWin收音机,含uCOS-III和FreeRTOS两个版本
第11期:收音机配套例子:V6-919_STemWin提高篇实验_收音机(uCOS-III)V6-920_STemWin提高篇实验_收音机(FreeRTOS) 例程下载地址: http://forum ...