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_14_函数形式参数与arguments
Oct 20 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
Nov 16 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
js兼容火狐显示上传图片预览效果的方法
May 21 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
js构造函数创建对象是否加new问题
Jan 22 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 Javascript
js实现简易计算器功能
Oct 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
PHP文件下载类
2006/12/06 PHP
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
2013/04/23 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
2014/08/21 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
2015/08/10 Javascript
利用JS实现数字增长
2016/07/28 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
flask框架视图函数用法示例
2018/07/19 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
Python实现GIF图倒放
2020/07/16 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
公司踏青活动方案
2014/08/16 职场文书
员工离职通知函
2015/04/25 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang