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 相关文章推荐
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
jquery获得下拉框值的代码
Aug 13 Javascript
使用apply方法处理数组的三个技巧[译]
Sep 20 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 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
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
PHP中的替代语法介绍
2015/01/09 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
javascript奇异的arguments分析
2010/10/20 Javascript
关于hashchangebroker和statehashable的补充文档
2011/08/08 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
layerUI下的绑定事件实例代码
2018/08/17 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
Python切片索引用法示例
2018/05/15 Python
python实现批量解析邮件并下载附件
2018/06/19 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
方正Java笔试题
2014/07/03 面试题
酒吧创业计划书
2014/01/18 职场文书
机关门卫制度
2014/02/01 职场文书
航海技术专业毕业生求职信
2014/04/06 职场文书
小学五年级学生评语
2014/04/22 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书
详解pytorch创建tensor函数
2022/03/22 Python
详解PyTorch模型保存与加载
2022/04/28 Python
mysql全面解析json/数组
2022/07/07 MySQL