Hochladen von Dateien mit Ajax XMLHttpRequest: Fehlerbehebung beim Fehler „Keine Multipart-Grenze gefunden“

Beim Versuch, eine Datei mit XMLHttpRequest hochzuladen, kann es sein Es wird ein Fehler wie „Die Anfrage wurde abgelehnt, da keine mehrteilige Grenze gefunden wurde“ angezeigt. Dieses Problem tritt auf, wenn die Datei nicht korrekt als mehrteilige/Formulardatenanforderung gesendet wird.

Ein häufiger Fehler besteht darin, die Datei direkt an das XMLHttpRequest-Objekt anzuhängen, wie im Code gezeigt:

xhr.file = file; // not necessary if you create scopes like this

Diese Methode ist falsch. Stattdessen sollte die Datei in ein FormData-Objekt eingeschlossen werden, das die richtige Multipart-/Formulardatenanforderungsnutzlast erstellt:

var formData = new FormData();
formData.append("thefile", file);

Sobald die Datei zum FormData-Objekt hinzugefügt wurde, können Sie xhr.send(formData); um die Anfrage einzureichen. Auf die Datei kann auf der Serverseite innerhalb von $_FILES['thefile'] zugegriffen werden, wenn PHP verwendet wird.

Denken Sie daran, dass Sie Ressourcen wie MDC und Mozilla Hack-Demos für weitere Anleitungen zum Datei-Upload mit Ajax XMLHttpRequest konsultieren können.