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传值 判断
Oct 26 Javascript
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
使用JS 清空File控件的路径值
Jul 08 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
React.js入门学习第一篇
Mar 30 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 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
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
如何处理JSON中的特殊字符
2016/11/30 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
Vue.js中的图片引用路径的方式
2017/07/28 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
python3编写C/S网络程序实例教程
2014/08/25 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
软件工程师面试题
2012/06/25 面试题
Servlet如何得到服务器的信息
2015/12/22 面试题
2014年作风建设剖析材料
2014/10/23 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
小学体育组工作总结2015
2015/07/21 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书
javaScript Array api梳理
2021/03/31 Javascript
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技