ajaxFileUpload.js插件支持多文件上传的方法
前提条件:
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'); 
} 
});
ajaxFileUpload.js插件支持多文件上传的方法的更多相关文章
- jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传
		jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传 http://www.malsup.com/jquery/form/#getting-started [JQu ... 
- ajaxfileupload多文件上传 - 修复只支持单个文件上传的bug
		搜索: jquery ajaxFileUpload AjaxFileUpload同时上传多个文件 原生的AjaxFileUpload插件是不支持多文件上传的,通过修改AjaxFileUpload少量代 ... 
- 强大的支持多文件上传的jQuery文件上传插件Uploadify
		支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ... 
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
		首先需要导入一些js和css文件 ? 1 2 3 4 5 6 <link href="__PUBLIC__/CSS/bootstrap.css" rel="exte ... 
- Jquery图片上传组件,支持多文件上传
		Jquery图片上传组件,支持多文件上传http://www.jq22.com/jquery-info230jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传.取消. ... 
- HTML5文件上传器,纯脚本无插件的客户端文件上传器---Uploader 文件上传器类
		概述 客户端完全基于JavaScript的 浏览器文件上传器,不需要任何浏览器插件,但需要和jQuery框架协同工作,支持超大文件上传,其算法是将一个超大文件切片成N个数据块依次提交给服务 端处理,由 ... 
- skymvc文件上传支持多文件上传
		skymvc文件上传支持多文件上传 支持单文件.多文件上传 可以设定 文件大小.存储目录.文件类型 //上传的文件目录 $this->upload->uploaddir="att ... 
- Selenium常用API用法示例集----下拉框、文本域及富文本框、弹窗、JS、frame、文件上传和下载
		元素识别方法.一组元素定位.鼠标操作.多窗口处理.下拉框.文本域及富文本框.弹窗.JS.frame.文件上传和下载 元素识别方法: driver.find_element_by_id() driver ... 
- lumen 支持多文件上传
		1.webform (注意:name后面一定要加[]号) <form method="post" enctype="multipart/form-data" ... 
随机推荐
- 63、saleforce DML
			PRIVELEGE__c privilege = new PRIVELEGE__c(PRIVILAGENAME__c = '权限添加',PRIVILAGEDESCRIBE__c = '权限描述'); ... 
- 转载! 一图读懂 SignalR
- 洛谷 P1742 最小圆覆盖 (随机增量)
			题目链接:P1742 最小圆覆盖 题意 给出 N 个点,求最小的包含所有点的圆. 思路 随机增量 最小圆覆盖一般有两种做法:随机增量和模拟退火.随机增量的精确度更高,这里介绍随机增量的做法. 先将所有 ... 
- upc组队赛12  Cardboard Container【枚举】
			Cardboard Container Problem Description fidget spinners are so 2017; this years' rage are fidget cub ... 
- html5中的拖拽功能
			拖拽元素支持的事件 ondrag 应用于拖拽元素,整个拖拽过程都会调用 ondragstart 应用于拖拽元素,当拖拽开始时调用 ondragleave 应用于拖拽元素,当鼠标离开拖拽元素是调用 on ... 
- Scrapy框架: middlewares.py设置
			# -*- coding: utf-8 -*- # Define here the models for your spider middleware # # See documentation in ... 
- JSON工具类的构建(后端版本)
			前言 在前后端交互的选择上,之前一直采用的是模板引擎(因为我只负责后端). 而这次的一个算是作业吧,前后端都是我,所以就研究了一下JSON交互在java web的应用(主要是前端). 优缺点 前后端耦 ... 
- docker--环境搭建
			我的电脑是win10,虽然现在win10开始也支持docker,但在linux机器会合适些,所以我先用VMware创建一个linux虚拟机--Centos7 安装虚拟机不多说,现在开始安装docker ... 
- 进程之间的通信AIDL
			远程端: package cn.itcast.aidl; //AIDL //首先建立AIDL文件,有点和接口类似,建立好AIDL文件后, //会在gen文件夹下自动生成用于远程通信的类 //文件的后缀 ... 
- MySQL字符集不一致导致查询SQL性能问题
			今天做了一个MySQL数据库中的SQL优化. 结论是关联字段字符集不同,导致索引不可用. 查询的SQL如下: select `Alias`.`Grade`, `Alias`.`id`, `Alias` ... 
