手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ajaxFileUpload.js插件支持多文件上传的方法
ajaxFileUpload.js插件支持多文件上传的方法
摘要:前提条件:ajaxFileUpload.js插件多文件上传步骤:1、修改源码,(源码只支持单个文件的上传):复制代码代码如下://修改前代码...

前提条件:

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插件支持多文件上传的方法】相关文章:

JavaScript实现点击文字切换登录窗口的方法

js实现文本框选中的方法

jQuery获取页面元素绝对与相对位置的方法

使用Node.js处理前端代码文件的编码问题

javascript实现Table排序的方法

jQuery取消ajax请求的方法

JavaScript检测鼠标移动方向的方法

详解AngularJS中$http缓存以及处理多个$http请求的方法

javascript实现Table间隔色以及选择高亮的方法

Jquery实现动态切换图片的方法

精品推荐
分类导航