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 相关文章推荐
JavaScript 替换Html标签实现代码
Oct 14 Javascript
jQuery EasyUI 中文API Layout(Tabs)
Apr 27 Javascript
node.js中使用socket.io制作命名空间
Dec 15 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
Jun 11 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
引用其它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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
PHP安全技术之 实现php基本安全
2010/09/04 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
php采用session实现防止页面重复刷新
2015/12/24 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
javaScript 逻辑运算符使用技巧整理
2017/05/03 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
Python简单读取json文件功能示例
2017/11/30 Python
Python抓取框架Scrapy爬虫入门:页面提取
2017/12/01 Python
用python实现刷点击率的示例代码
2019/02/21 Python
python多线程分块读取文件
2019/08/29 Python
解析Python3中的Import
2019/10/13 Python
Ubuntu权限不足无法创建文件夹解决方案
2020/11/14 Python
原装进口全世界:天猫国际
2016/08/03 全球购物
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
C#面试题
2016/05/06 面试题
自我评价范文分享
2014/01/04 职场文书
学生党员思想汇报范文
2014/01/09 职场文书
爱国口号
2014/06/19 职场文书
小学班主任工作随笔
2015/08/15 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书