Eine eingehende Analyse von AjaxFileUpload zur Implementierung der Ajax-Datei-Upload-Bibliothek für eine einzelne Datei

jQuery.AjaxFileUpload.js ist ein jQuery-Plug-in zum Hochladen von Dateien über Ajax. In diesem Artikel wird AjaxFileUpload vorgestellt, um die Ajax-Datei-Upload--Bibliothek für eine einzelne Datei zu implementieren. Freunde, die daran interessiert sind, sollten gemeinsam lernen

jQuery.AjaxFileUpload.js ist ein jQuery-Plug-in zum Übergeben Ajax Dateien hochladen.

Syntax:

$.ajaxFileUpload([options])

Optionsparameterbeschreibung:

1. URL-Upload-Handler-Adresse.　　

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, Erfolgsverarbeitungsfunktion, die nach erfolgreicher Übermittlung automatisch ausgeführt wird. Die Parameterdaten sind die vom Server zurückgegebenen Daten.

6, Fehler Die Verarbeitungsfunktion, 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

Funktionen:

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

OK Große Dateimengen verarbeiten

Beispielcode:

-- 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');
}
});

Über AjaxFileUpload zur Implementierung der Ajax-Datei-Upload-Bibliothek für Eine einzelne Datei Ich möchte Ihnen dies vorstellen, ich hoffe, es wird für alle hilfreich sein!

Verwandte Empfehlungen:

Detaillierte Erläuterung der Ajax-Anfrage- und Filterkooperationsfälle

Ajax-Schnelllösung: Der Parameter ist zu lang und kann nicht erfolgreich übermittelt werden

Die Seite mit dem Ajax-Übermittlungsformular wird trotzdem aktualisiert

Das obige ist der detaillierte Inhalt vonEine eingehende Analyse von AjaxFileUpload zur Implementierung der Ajax-Datei-Upload-Bibliothek für eine einzelne Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!