FileUpload implementiert das Hochladen einzelner Dateien

Dieses Mal bringe ich Ihnen FileUpload, um einen einzelnen Datei-Upload zu implementieren . Hier ist ein praktischer Fall ein Blick. jQuery.AjaxFileUpload.js ist ein jQuery-Plug-in zum Hochladen von Dateien über Ajax.

Syntax:

$.ajaxFileUpload([options])

Optionsparameterbeschreibung:

1. URL　　　　 Adresse des Upload-Handlers.　　

2, fileElementId　　 Die ID des Dateifelds, das hochgeladen werden muss, also die ID von .

3. secureuri Ob die sichere Übermittlung aktiviert werden soll, der Standardwert ist false.

4, dataType　　　

Datentyp

vom Server zurückgegeben. Kann XML, Skript, JSON, HTML sein. Wenn Sie es nicht ausfüllen, wird es von jQuery automatisch ermittelt.

5, Erfolg ist eine Verarbeitungsfunktion, die nach erfolgreicher Übermittlung automatisch ausgeführt wird. Die Parameterdaten sind die vom Server zurückgegebenen Daten.

6, Fehler　　　 Behandlungsfunktion, die automatisch ausgeführt wird, wenn die Übermittlung fehlschlägt.

7, Daten Benutzerdefinierte Parameter. Dieses Ding ist nützlicher, wenn Daten zum hochgeladenen

Bild

vorhanden sind.

8, Typ Wenn Sie benutzerdefinierte Parameter übermitteln möchten, sollte dieser Parameter auf „Posten“ eingestellt sein

Funktionsmerkmale:

Es hängt nicht von bestimmtem HTML ab, geben Sie ihm einfach eine „< INPUTTYPE= „Datei“ >

Es ist nicht erforderlich, dass Ihr Server auf eine bestimmte Weise reagiert

Kann Arbeiten an großen Chargen Dateioperation

Beispielcode:

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie unter Bitte beachten Sie andere verwandte Artikel auf der PHP-Chinese-Website!

-- Use as little as --
$('#one-specific-file').ajaxfileupload({
'action': '/upload.php'
});
-- or as much as --
$('input[type="file"]').ajaxfileupload({
'action': '/upload.php',
'params': {
'extra': 'info'
},
'onComplete': function(response) {
console.log('custom handler for file:');
alert(JSON.stringify(response));
},
'onStart': function() {
if(weWantedTo) return false; // cancels upload
},
'onCancel': function() {
console.log('no file selected');
}
});

Empfohlene Lektüre:

HTML5+Ajax-Datei-Upload-Fortschrittsbalkenanzeige (detaillierte Grafik- und Texterklärung)

js zur Implementierung von Ajax-Paging (Detailliertes Bild und Text)

AJAX realisiert Daten-Paging ohne Aktualisierung

Das obige ist der detaillierte Inhalt vonFileUpload implementiert das Hochladen einzelner Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!