Heim > Web-Frontend > js-Tutorial > Hauptteil

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

韦小宝
Freigeben: 2018-01-10 09:55:38
Original
1612 Leute haben es durchsucht

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])
Nach dem Login kopieren

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 --
$(&#39;#one-specific-file&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;
});
-- or as much as --
$(&#39;input[type="file"]&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;,
&#39;params&#39;: {
&#39;extra&#39;: &#39;info&#39;
},
&#39;onComplete&#39;: function(response) {
console.log(&#39;custom handler for file:&#39;);
alert(JSON.stringify(response));
},
&#39;onStart&#39;: function() {
if(weWantedTo) return false; // cancels upload
},
&#39;onCancel&#39;: function() {
console.log(&#39;no file selected&#39;);
}
});
Nach dem Login kopieren


Ü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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage