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 相关文章推荐
JQuery从头学起第二讲
Jul 04 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
js学习阶段总结(必看篇)
Jun 16 Javascript
js 颜色选择插件
Jan 23 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 Javascript
keep-alive不能缓存多层级路由菜单问题解决
Mar 10 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
关于手调机和数调机的选择
2021/03/02 无线电
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
php foreach正序倒序输出示例代码
2014/07/01 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
Laravel 队列使用的实现
2019/01/08 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python 随机数使用方法,推导以及字符串,双色球小程序实例
2017/09/12 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
浅析Python四种数据类型
2018/09/26 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
远程研修随笔感言
2014/02/10 职场文书
财务负责人任命书
2014/06/06 职场文书
拉歌口号大全
2014/06/13 职场文书
小学安全教育月活动总结
2014/07/07 职场文书
个人事迹材料范文
2014/12/29 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers