Heim  >  Artikel  >  Web-Frontend  >  Eine eingehende Analyse von AjaxFileUpload zur Implementierung der Ajax-Datei-Upload-Bibliothek für eine einzelne Datei

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

韦小宝
韦小宝Original
2018-01-10 09:55:381581Durchsuche

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 3525558f8f338d4ea90ebf22e5cde2bc.

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 " 6915d1e0b7689c48134bbb77edddce32

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn