Prerequisites:
Ajaxfileupload.js Plugin multiple file upload
Steps:
1, modify the source code, (source code only supports the upload of a single file):
Copy Code code as follows:
Before you modify the code-------
var oldelement = jQuery (' # ' + Fileelementid);
var newelement = jQuery (oldelement). Clone ();
JQuery (oldelement). attr (' id ', fileid);
JQuery (Oldelement). before (newelement);
JQuery (oldelement). appendto (form);
Before you modify the code-------
After the 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:
Copy Code code as follows:
$.ajaxfileupload ({
URL: "./upload/upload.action",
Secureuri:false,
Fileelementid: ' Uploadfile1 ',//original use method
Fileelementid: [' uploadfile1 ', ' uploadfile2 ', ' uploadfile3 ', ' uploadfile4 ', ' uploadfile5 '],//present use method
DataType: ' JSON ',
Success:function (data) {
Ajaxloadend ();
if (Data.result = = "Success") {
$.messager.alert (' info ', ' Import successful. ', ' 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 ');
}
});