XMLHttpRequest kullanarak ikili veri indirme overrideMimeType olmadan

Question

Bir resmin verilerini, XMLHttpRequest kullanarak Javascript'te bulmaya çalışıyorum.

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

bu ilk veri baytı, ancak herhangi bir yüksek değer bayt 0xfffd (0xfd olmak 0xfffd & 0xff) olarak geri, 0x89 olmalıdır.

this one gibi sorular overrideMimeType() işlevini kullanarak çözümler sunar, ancak bu, kullandığım platformda (Qt/QML) desteklenmez.

Verileri doğru bir şekilde nasıl indirebilirim?

Answer 1

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

ikili dosyayı getir: yeni ve önemli

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

Ben Qt aşina değilim fakat resim eğer ben, Yani onların documentation

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

buldum deneyebileceğiniz bir png:

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