Wie führe ich jQuery-Ajax-Datei-Uploads ohne Plugins durch?

jQuery Ajax-Datei-Upload ohne Verwendung eines Plugins

Das Hochladen von Dateien mit jQuerys AJAX erfordert die Verwendung von XHR2, das von modernen Browsern unterstützt wird. Wenn Sie den Datei-Upload mit AJAX ohne Plugin durchführen möchten, müssen Sie das FormData-Objekt verwenden.

Code:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});

Hinweise: Das

• FormData-Objekt kann auch andere Daten enthalten, beispielsweise Texteingaben Felder.
• Die Optionen „contentType“ und „processData“ sind auf „false“ gesetzt, um zu verhindern, dass jQuery die Daten automatisch als Teil der AJAX-Anfrage konvertiert.
• Sie müssen den Dateinamen mithilfe des Namens in das formData-Objekt einschließen Attribut des Dateieingabeelements.
• AJAX-Datei-Upload wird möglicherweise nicht von allen Browsern unterstützt. Überprüfen Sie die Browserkompatibilität.

Das obige ist der detaillierte Inhalt vonWie führe ich jQuery-Ajax-Datei-Uploads ohne Plugins durch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!