Tải xuống dữ liệu nhị phân bằng cách sử dụng XMLHttpRequest, mà không ghi đè lênMimeType

Question

Tôi đang cố truy xuất dữ liệu của hình ảnh trong Javascript bằng cách sử dụng 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(); 

Byte đầu tiên của dữ liệu này nên 0x89, tuy nhiên bất kỳ byte có giá trị cao trở lại như 0xfffd (0xfffd & 0xff là 0xfd).

Các câu hỏi như this one các giải pháp cung cấp bằng chức năng overrideMimeType(), tuy nhiên điều này không được hỗ trợ trên nền tảng tôi đang sử dụng (Qt/QML).

Làm cách nào để tải xuống dữ liệu chính xác?

Answer 1

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

Fetch tập tin nhị phân: nóng mới

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

Tôi không quen với Qt nhưng tôi thấy điều này trong họ documentation

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

Vì vậy, nếu hình ảnh của bạn là một png bạn có thể thử:

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