加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajaxFileUpload 多文件上传

发布时间:2020-12-16 00:23:36 所属栏目:百科 来源:网络整理
导读:前提条件: ajaxFileUpload.js插件多文件上传 步骤: 1、修改源码,(源码只支持单个文件的上传): //修改前代码-------//var oldElement = jQuery('#' + fileElementId);//var newElement = jQuery(oldElement).clone();//jQuery(oldElement).attr('id',fi

前提条件:

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');
					}
				});

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读