So unterstützt das Plug-in ajaxFileUpload.js mehrere Datei-Uploads_Javascript-Fähigkeiten

Voraussetzung:

ajaxFileUpload.js-Plug-in zum Hochladen mehrerer Dateien

Schritte:

1. Ändern Sie den Quellcode (der Quellcode unterstützt nur das Hochladen einer einzelnen Datei):

Code kopieren Der Code lautet wie folgt:

//Code vor der Änderung-------
//var oldElement = jQuery('#' fileElementId); //var newElement = jQuery(oldElement).clone(); //jQuery(oldElement).attr('id', fileId);
//jQuery(oldElement).before(newElement); //jQuery(oldElement).appendTo(form);
//Code vor der Änderung-------
//Geänderter 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);
}
//Geänderter Code-------


2. Anwendung:

Code kopieren

Der Code lautet wie folgt: $.ajaxFileUpload({ URL: „./upload/upload.action“, secureuri: falsch,

//fileElementId:'uploadfile1',//ursprüngliche Verwendung

fileElementId: ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//Aktuelle Nutzung
Datentyp: 'json',
Erfolg: Funktion(Daten) {
ajaxLoadEnd();
if (data.result == "success") {
$.messager.alert('Message','Import erfolgreich.','info'); } else {
$('#import_right').dialog('open');
$.messager.alert('Message','Import fehlgeschlagen.
Fehlermeldung:' data.message,'error'); }
},
Fehler: Funktion(Daten, Status, e)
{
ajaxLoadEnd();
$.messager.alert('Message','Import fehlgeschlagen.
Fehlermeldung: Netzwerkausnahme oder Formulardatenfehler.','error'); }
});