Heim > Artikel > Web-Frontend > 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 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!