XMLHttpRequestのステータスは200ですが、responseTextは空です。

Question

私はイメージファイルをアップロードするためにXMLHttpRequestを作成しています。私はそれが200ステータスであり、私のイメージが私のサービスにアップロードされていることがわかります。私は（のような情報が含まれている必要がありますなど、私のイメージのためのURL、ファイル名、タイムスタンプ、画像の大きさを、）responseTextを取得するために以下のコードを使用している場合しかし、それは空の文字列として戻ってくる：

//... 

    const data = new FormData(); 
    data.append('file', props); 
    data.append('upload_preset', uploadPreset); 
    data.append('api_key', apiKey); 

    const xhr = new XMLHttpRequest(); 
    xhr.open('POST', cloudinaryURL, true); 
    const sendImage = xhr.send(data); 
    const imageResponse = xhr.responseText; 
    console.log('Response: ', imageResponse); 

コンソールに

プリントこの：

Response: 

なぜこれが起こっているすべてのアイデア/どのようにこの問題を解決するには？

ありがとうございます！

xhr.open('POST', cloudinaryURL, true); 

をしかし、あなたのコードは、同期モードのために設計されています：

Answer 1

あなたは非同期モードでのXMLHttpRequestを使用している

xhr.open('POST', cloudinaryURL, false); 

を非同期モードでは、xhr.send()は、実際に要求を処理せずにすぐに戻ります。したがって、アクセスしようとすると、まだxhr.responseTextにデータが入力されていません。