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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
jQuery实现消息弹出框效果
Dec 10 jQuery
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
php实现的二叉树遍历算法示例
2017/06/15 PHP
Yii2框架数据验证操作实例详解
2018/05/02 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
JavaScript中的私有成员
2006/09/18 Javascript
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
javascript 对象比较实现代码
2009/04/27 Javascript
jQuery 使用手册(二)
2009/09/23 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
JavaScript中对JSON对象的基本操作示例
2016/05/21 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
vue中轮训器的使用
2019/01/27 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Django中的ajax请求
2018/10/19 Python
Python优秀开源项目Rich源码解析的流程分析
2020/07/06 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
什么是TCP/IP
2014/07/27 面试题
酒店保安领班职务说明书
2014/03/04 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
党员个人总结范文
2015/02/14 职场文书
大学生年度个人总结
2015/02/15 职场文书
《植树问题》教学反思
2016/03/03 职场文书