Ajaxfileupload to achieve multiple file upload

Prerequisites:

Ajaxfileupload.js Plugin multiple file upload

Steps:

1, modify the source code, (source code only supports the upload of a single file):

              Before modifying the code-------  
//var oldelement = jQuery (' # ' + fileelementid);  
var newelement = jQuery (oldelement). Clone ();  
JQuery (oldelement). attr (' id ', fileid);  
JQuery (Oldelement). before (newelement);  
JQuery (oldelement). appendto (form);  
Pre-Modified code-------  
//Modified code-------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);  
After the modified code-------

2, the use of methods:

$.ajaxfileupload ({url: "./upload/upload.action", Secureuri:false, Fileelementid: ' Uploadfile1 ',//original use method Fileelementid: [' Uploadfil  
                    E1 ', ' uploadfile2 ', ' uploadfile3 ', ' uploadfile4 ', ' uploadfile5 '],//are using the method DataType: ' JSON ',  
                        Success:function (data) {ajaxloadend (); if (Data.result = = "Success") {$.messager.alert (' info '), ' import succeeded.  
                        ', ' info ');  
                            else {$ (' #import_right '). Dialog (' Open '); $.messager.alert (' info ', ' Import failed.  
                        <br> error message: ' +data.message, ' error ');  
                        }, Error:function (data, status, E) {  
                        Ajaxloadend (); $.messager.alert (' info ', ' Import failed. ,;br> error message: Network exception or form data error.  
                    ', ' error '); }  
                });

More Wonderful content: http://www.bianceng.cnhttp://www.bianceng.cn/webkf/ajax/