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 相关文章推荐
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
Async/Await替代Promise的6个理由
Jun 15 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
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
Cakephp 执行主要流程
2010/03/24 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
js select option对象小结
2013/12/20 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
Python WEB应用部署的实现方法
2019/01/02 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
ipython和python区别详解
2019/06/26 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
python列表推导式操作解析
2019/11/26 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
python中元组的用法整理
2020/06/15 Python
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
2016/12/30 HTML / CSS
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
简约控的天堂:The Undone
2016/12/21 全球购物
智能旅行箱:Horizn Studios
2018/04/30 全球购物
Unineed旗下时尚轻奢网站:FABHunt
2019/05/13 全球购物
自我评价个人范文
2013/12/16 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
工厂会计员职责
2014/02/06 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
班主任新年寄语
2014/04/04 职场文书
写字楼租赁意向书
2014/07/30 职场文书
学前教育专业求职信
2014/09/02 职场文书
加强干部作风建设整改方案
2014/10/24 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
JS实现简单的九宫格抽奖
2022/06/28 Javascript