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下判断IE与FF的比较简单的方式
Oct 17 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
Angular.js自定义指令学习笔记实例
Feb 24 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
js数据类型检测总结
Aug 05 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
Vue-cli@3.0 插件系统简析
Sep 05 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
jquery实现上传图片功能
Jun 29 jQuery
JavaScript实现单点登录的示例
Sep 23 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
一个数据采集类
2007/02/14 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
学习RxJS之JavaScript框架Cycle.js
2019/06/17 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python绘制随机网络图形示例
2019/11/21 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
html5唤醒APP小记
2019/03/27 HTML / CSS
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
意大利网上药房:Farmacia 33
2020/01/27 全球购物
八一建军节感言
2014/02/28 职场文书
篮球赛口号
2014/06/18 职场文书
法学自荐信
2014/06/20 职场文书
部门活动策划方案
2014/08/16 职场文书
刑事辩护词范文
2015/05/21 职场文书
热血教师观后感
2015/06/10 职场文书
教师节晚会主持词
2015/06/30 职场文书
保外就医申请书范文
2015/08/06 职场文书
运动会200米广播稿
2015/08/19 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书