Javascript xhr Datei Upload ohne jQuery

Ich habe einige Probleme damit, XHR-Dateien ohne JQuery hochzuladen. (Bitte sag nicht, dass du jQuery verwendest).

wenn der Browser die FormData-API unterstützt und diese verwendet, habe ich gehört, dass auch Dateien hochgeladen werden können.

the Angelegenheit ist, dass ich nicht weiß, wie die Anhangdatei in FormData-Objekt. und zweites Problem ist, wie man die FormData über XHR sendet? Ich meine, schauen Sie sich den folgenden Code an:

var formData = new FormData();
formData.append('somevalue', 'somevalue'); // string
formData.append( ???, ??? ); // file

var xhr = new XMLHttpRequest();
xhr.setRequestHeader('Content-type', 'multipart/form-data; charset=UTF-8');

xhr.open('post', 'URL TO UPLOAD', true);
xhr.onreadystatechange = function() { ... };

xhr.send( ?? WHAT SHOULD BE HERE IF THE FORM DATA CONTAINS FILE? JUST FORM DATA ?? );

schauen Sie sich bitte den Code an, insbesondere den zweiten "formData.append part". Ich weiß nicht, wie ich DATEIDATEN an das formData-Objekt anhängen soll.

und zweitens, wenn ich "formData" über XHR senden möchte, setze ich einfach "formData" -Variable in "xhr.send" -Methode wie folgt?

xhr.send(formData);

oder, soll ich noch etwas tun? Es ist schwierig, die Informationen auf Google zu finden. Wenn jemand von diesem Problem weiß, kann er mir gerne sagen oder mir raten, wie ich als nächstes vorgehen soll. Vielen Dank

Antworten auf die Frage(2)

Ihre Antwort auf die Frage