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/