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 相关文章推荐
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
JS 验证码功能的三种实现方式
Nov 26 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
JavaScript canvas绘制折线图
Feb 18 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分页时出现的Fatal error的解决方法
2011/04/18 PHP
使用php验证复选框有效性的示例
2013/11/13 PHP
PHP+jQuery翻板抽奖功能实现
2015/10/19 PHP
PHP 类与构造函数解析
2017/02/06 PHP
JavaScript库 开发规则
2009/01/31 Javascript
js单例模式的两种方案
2013/10/22 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
python实现简单的学生管理系统
2021/02/22 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
世界上最好的帽子:Tilley
2016/11/27 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
HEMA英国:荷兰原创设计
2018/08/28 全球购物
生产现场工艺工程师岗位职责
2013/11/28 职场文书
幼儿园秋游感想
2014/03/12 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2014年项目工作总结
2014/11/24 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫