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 相关文章推荐
二级域名转向类
Nov 09 Javascript
Javascript中的数学函数
Apr 04 Javascript
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
基于jquery的3d效果实现代码
Mar 23 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
微信小程序App生命周期详解
Jan 31 Javascript
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
axios实现文件上传并获取进度
Mar 25 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面向对象精要总结
2014/11/07 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
vue 实现全选全不选的示例代码
2018/03/29 Javascript
layer扩展打开/关闭动画的方法
2019/09/23 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
Python使用py2exe打包程序介绍
2014/11/20 Python
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
Python入门必须知道的11个知识点
2018/03/21 Python
Python PyQt4实现QQ抽屉效果
2018/04/20 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
python selenium 弹出框处理的实现
2019/02/26 Python
django celery redis使用具体实践
2019/04/08 Python
python enumerate内置函数用法总结
2020/01/07 Python
详解Python的三种拷贝方式
2020/02/11 Python
python中return如何写
2020/06/18 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
艺术节主持词
2014/04/02 职场文书
股东合作协议书
2014/09/12 职场文书
授权委托书怎么写
2014/09/25 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
2014年药房工作总结
2014/11/22 职场文书
运动会观后感
2015/06/09 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server
Django框架之路由用法
2022/06/10 Python