バイナリイメージがサーバからイメージにロードされ、javacriptで表示されます

Question

XMLHttpRequestを使用してバイナリ形式でjpegイメージをロードしています（そのようにする必要があります）。これはbase64でエンコードされていません。

javascriptを使用してimgオブジェクトにすることはできますか？

おかげXMLHttpRequestの文字エンコーディングがsomething that won't change the binary dataに設定されている、またはあなたがset the response typeてきた、あなたはその後、btoa（BASE64でそれを入れて、あなたがデータURIとして割り当てるせること）を介して.responseTextを実行できる場合

Answer 1

バイナリデータの場合はそれぞれ.responseにアクセスしてください。

あなたのインスタンスは xhrという名前で、あなたが xhr.send前に、文字セットの方法を使用しているが、あなたはどのあなたができる 200 OK

var dataURI = 'data:image/jpeg;base64,' + btoa(xhr.responseText); 

いるときxhr.open後、その後

xhr.overrideMimeType("text/plain; charset=x-user-defined"); 

を行うと仮定すると、

---

の<img>に設定します。再びxhrを想定

---

、今回.response方法。 .openと.send間、

xhr.responseType = "arraybuffer"; 

次にあなたが<img>のSRCとして設定することができます200 OK

var arrayBufferView = new Uint8Array(xhr.response), // can choose 8, 16 or 32 depending on how you save your images 
    blob = new Blob([arrayBufferView], {'type': 'image\/jpeg'}), 
    objectURL = window.URL.createObjectURL(blob); 

で。 Example