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

前端之家收集整理的这篇文章主要介绍了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、使用方法
代码如下:
方法 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('信息','导入失败。
错误信息:'+data.message,'error'); } }, error : function(data,status,e) { ajaxLoadEnd(); $.messager.alert('信息','导入失败。
错误信息:网络异常或表单数据错误。','error'); } });

猜你在找的Ajax相关文章