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解决url传值出现中文乱码的另类办法
Apr 08 Javascript
jquery实现tr元素的上下移动示例代码
Dec 20 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
php结合js实现多条件组合查询
May 28 Javascript
vue实现计步器功能
Nov 01 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
引用其它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
人大复印资料处理程序_查询篇
2006/10/09 PHP
我的论坛源代码(六)
2006/10/09 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
JavaScript高级程序设计
2006/12/29 Javascript
AJAX分页的代码(后台asp.net)
2011/02/14 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
Python有序字典简单实现方法示例
2017/09/28 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
查看Django和flask版本的方法
2018/05/14 Python
简单介绍django提供的加密算法
2019/12/18 Python
Django用户身份验证完成示例代码
2020/04/03 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
个人评价范文分享
2014/01/11 职场文书
承诺书模板大全
2015/05/04 职场文书
Python 阶乘详解
2021/10/05 Python
JavaScript 反射学习技巧
2021/10/16 Javascript
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL