Prerequisites:
Ajaxfileupload.js Plugin multi-File upload
Steps:
1, modify the source code, (source only supports the upload of a single file):
Copy the code code as follows:
Modify the previous code-------
var oldelement = jQuery (' # ' + Fileelementid);
var newelement = jQuery (oldelement). Clone ();
JQuery (oldelement). attr (' id ', fileId);
JQuery (Oldelement). before (newelement);
JQuery (oldelement). AppendTo (form);
Modify the previous 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);
}
Modified Code-------
2. How to use:
Copy the code code as follows:
$.ajaxfileupload ({
URL: "./upload/upload.action",
Secureuri:false,
Fileelementid: ' Uploadfile1 ',//original use method
Fileelementid: [' uploadfile1 ', ' uploadfile2 ', ' uploadfile3 ', ' uploadfile4 ', ' uploadfile5 '],//now using method
DataType: ' JSON ',
Success:function (data) {
Ajaxloadend ();
if (Data.result = = "Success") {
$.messager.alert (' info ', ' Import succeeded. ', ' info ');
} else {
$ (' #import_right '). Dialog (' Open ');
$.messager.alert (' message ', ' Import failed. <br> error message: ' +data.message, ' error ');
}
},
Error:function (data, status, E)
{
Ajaxloadend ();
$.messager.alert (' message ', ' Import failed. <br> error message: Network exception or form data error. ', ' error ');
}
});
Ajaxfileupload.js Plugin support multi-File upload method