ajaxFileUpload.js插件支持多文件上传的方法
2014-09-02 15:21
886 查看
前提条件:
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');
}
});
您可能感兴趣的文章:
相关文章推荐
- jquery ajaxFileUpload.js插件支持多文件上传的方法
- ajaxFileUpload.js插件支持多文件上传的方法
- ajaxFileUpload.js插件支持多文件上传的方法
- ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)
- jQuery ajax + ajaxfileupload.js插件 实现无刷新文件上传
- 上传文件(可用ajaxfileupload.js插件)
- ajaxFileUpload.js上传图片插件,全浏览器兼容,规避json错误,带文件格式大小拦截
- jquery插件--ajaxfileupload.js上传文件原理分析
- 在ionic中用 ajaxfileupload.js 插件上传文件
- ajaxfileupload.js 文件上传插件之改进
- jquery 文件上传插件ajaxfileupload.js 实现多图上传,解决文件上传后表单置空的问题
- 使用ajaxfileupload.js上传文件成功之后,不走success的解决方法
- 文件上传ajaxFileUpload.js使用方法 包含后台接收方法
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- jquery插件--ajaxfileupload.js上传文件原理分析
- jquery插件--ajaxfileupload.js上传文件原理分析
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- js使用AjaxFileupload插件实现文件上传
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子