ajaxFileUpload.js插件支持多文件上传的方法


Posted in Javascript onSeptember 02, 2014

前提条件:

ajaxFileUpload.js插件多文件上传

步骤:

1、修改源码,(源码只支持单个文件的上传):

//修改前代码------- 

//var oldElement = jQuery('#' + fileElementId); 

//var newElement = jQuery(oldElement).clone(); 

//jQuery(oldElement).attr('id', fileId); 

//jQuery(oldElement).before(newElement); 

//jQuery(oldElement).appendTo(form); 

//修改前代码------- 

//修改后代码------- 

for(var i in fileElementId){ 

var oldElement = jQuery('#' + fileElementId[i]); 

var newElement = jQuery(oldElement).clone(); 

jQuery(oldElement).attr('id', fileId); 

jQuery(oldElement).before(newElement); 

jQuery(oldElement).appendTo(form); 

} 

//修改后代码-------

2、使用方法:
$.ajaxFileUpload({ 

url : "./upload/upload.action", 

secureuri : false, 

//fileElementId:'uploadfile1',//原使用方法 

fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//现使用方法 

dataType : 'json', 

success : function(data) { 

ajaxLoadEnd(); 

if (data.result == "success") { 

$.messager.alert('信息','导入成功。','info'); 

} else { 

$('#import_right').dialog('open'); 

$.messager.alert('信息','导入失败。<br>错误信息:'+data.message,'error'); 

} 

}, 

error : function(data, status, e) 

{ 

ajaxLoadEnd(); 

$.messager.alert('信息','导入失败。<br>错误信息:网络异常或表单数据错误。','error'); 

} 

});
Javascript 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
详解jQuery的表单验证插件--Validation
Dec 21 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
JS实现身份证输入框的输入效果
Aug 21 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
Vue数据双向绑定原理及简单实现方法
May 18 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 #Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 #Javascript
理解javascript中的回调函数(callback)
Sep 02 #Javascript
详解js闭包
Sep 02 #Javascript
jquery delay()介绍及使用指南
Sep 02 #Javascript
使用jquery实现放大镜效果
Sep 02 #Javascript
javascript初学者常用技巧
Sep 02 #Javascript
You might like
php array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
php查询ip所在地的方法
2014/12/05 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
关于Python数据结构中字典的心得
2017/12/04 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
Python常见读写文件操作实例总结【文本、json、csv、pdf等】
2019/04/15 Python
Python自动抢红包教程详解
2019/06/11 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
django 多数据库及分库实现方式
2020/04/01 Python
Python实现验证码识别
2020/06/15 Python
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
法律专业个人实习自我鉴定
2013/09/23 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
应届生找工作求职信
2014/06/24 职场文书
班主任培训研修日志
2015/11/13 职场文书
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL