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 prototype属性使用说明
May 13 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
JavaScript入门系列之知识点总结
Mar 24 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
JS实现评价的星星功能
Aug 20 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
JS自定义右键菜单实现代码解析
Jul 16 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 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上传、管理照片示例
2006/10/09 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
jQuery 选择器详解
2015/01/19 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
2015/09/28 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
深入理解javascript中的this
2021/02/08 Javascript
Python实现批量下载文件
2015/05/17 Python
如何将python中的List转化成dictionary
2016/08/15 Python
pandas通过loc生成新的列方法
2018/11/28 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
Python地图绘制实操详解
2019/03/04 Python
python双向链表原理与实现方法详解
2019/12/03 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
Python range与enumerate函数区别解析
2020/02/28 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
婚庆司仪主持词
2014/03/15 职场文书
爱国演讲稿400字
2014/05/07 职场文书
宣传委员竞选稿
2015/11/19 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
SQL Server表分区删除详情
2021/10/16 SQL Server
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫
mysql如何查询连续记录
2022/05/11 MySQL