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 相关文章推荐
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 Javascript
jQuery中获取Radio元素值的方法
Jul 02 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
Vue使用NPM方式搭建项目
Oct 25 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
引用其它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数据库操作方法(MYSQL版)
2011/06/08 PHP
php array_walk() 数组函数
2011/07/12 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
js格式化时间的方法
2015/12/18 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
2017/07/18 jQuery
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python 读写中文json的实例详解
2017/10/29 Python
selenium+python 去除启动的黑色cmd窗口方法
2018/05/22 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
基于Python实现用户管理系统
2019/02/26 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
opencv3/C++实现视频背景去除建模(BSM)
2019/12/11 Python
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
2020/03/05 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
python实现mean-shift聚类算法
2020/06/10 Python
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
转预备党员政审材料
2014/02/06 职场文书
工程管理英文求职信
2014/03/18 职场文书
企业法人授权委托书
2014/04/03 职场文书
教师师德演讲稿
2014/05/06 职场文书
正科级干部考察材料
2014/05/29 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
Python中re模块的元字符使用小结
2022/04/07 Python