Descargando datos binarios usando XMLHttpRequest, sin overrideMimeType

Question

Estoy tratando de recuperar los datos de una imagen en Javascript usando XMLHttpRequest.

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(); 

El primer byte de estos datos debe ser 0x89, sin embargo ningún bytes de alto valor de retorno como 0xfffd (0xfffd & 0xff ser 0xfd).

Las preguntas como this one ofrecen soluciones usando la función overrideMimeType(), sin embargo, esto no es compatible con la plataforma que estoy usando (Qt/QML).

¿Cómo puedo descargar los datos correctamente?

Answer 1

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

Fetch archivo binario: nueva picor

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

No estoy familiarizado con Qt pero he encontrado esto en su documentation

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

Por lo tanto, si su imagen es un PNG que puedes probar:

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