当前位置: 老葡京网站娱乐 > web开发 > AJAX > 正文

ajaxFileUpload实现多文件上传

时间:2015-01-26

老葡京网站娱乐 www.sdguanhua.com 前提条件:

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

更多精彩内容:http://www.sdguanhua.com/webkf/ajax/