overrideMimeTypeを使用せずにXMLHttpRequestを使用してバイナリデータをダウンロードする

Question

XMLHttpRequestを使用して、JavaScriptの画像のデータを取得しようとしています。

var xhr = new XMLHttpRequest(); 
xhr.open("GET", "http://www.celticfc.net/images/doc/celticcrest.png"); 
xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4) { 
     var resp = xhr.responseText; 
     console.log(resp.charCodeAt(0) & 0xff); 
    } 
}; 
xhr.send(); 

このデータの最初のバイトは0x89なければならない、しかし、任意の高い値のバイトは、（0xfffd & 0xffが0xfdある）0xfffdとして返します。

this oneのような質問は、overrideMimeType()機能を使用したソリューションを提供していますが、私が使用しているプラ​​ットフォーム（Qt/QML）ではサポートされていません。

データを正しくダウンロードするにはどうすればよいですか？

Answer 1

Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How

バイナリファイル取得：私はQtのに慣れていないよしかし、私は彼らのdocumentation

string Qt::btoa (data) 
Binary to ASCII - this function returns a base64 encoding of data. 

でこれを見つけ、自分のイメージと、新しい辛さ

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'http://www.celticfc.net/images/doc/celticcrest.png', true); 

xhr.responseType = 'arraybuffer'; 

xhr.onload = function(e) { 
    if (this.status == 200) { 
     var uInt8Array = new Uint8Array(this.response); // Note:not xhr.responseText 

     for (var i = 0, len = uInt8Array.length; i < len; ++i) { 
      uInt8Array[i] = this.response[i]; 
     } 

     var byte3 = uInt8Array[4]; // byte at offset 4 
    } 
} 

xhr.send(); 

Answer 2

を試してみることができるPNGです：

resp = "data:image/png;base64," + btoa(resp); 
document.write("<img src=\""+resp+"\">");