菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
35
0

ajaxFileUpload.js插件支持多文件上传的方法

原创
05/13 14:22
阅读数 723884

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 fileE编程客栈lementId){
var oldElement = jQuery('#' + fileElemenhttp://www.cppcns.comtId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
//修改后代码-------


复制代码 代码如下:

$.ajaxFileUpload({
url : "./upload/upload.action",
secureuri : false,
//fileElementId:'uploadfile1',//原使用方法
fileElementId : ['uploadfile1','uploadfile2','u编程客栈ploadfile3','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('gBjmz信息','导入失败。<br>错误信息:网络异常或表单数据错误。','error');
}
});
本文标题: ajaxFileUpload.js插件支持多文件上传的方法
本文地址: http://www.cppcns.com/wangluo/javascript/113121.html

发表评论

0/200
35 点赞
0 评论
收藏
为你推荐 换一批