4  

If the character encoding of the XMLHttpRequest has been set to something that won't change the binary data, or you've set the response type, you can then run .responseText through btoa (putting it in base64 and letting you assign it as a data URI) or access .response for the binary data, respectively.

如果XMLHttpRequest的字符編碼設置的東西不會改變二進制數據,或者你設置響應類型,可以通過運行.responseText btoa(把它base64,讓你把它作為一個數據URI)或訪問.response二進制數據,分別。

Assuming your instance is named xhr and you're using the charset method before xhr.send but after xhr.open do

假設實例名為xhr，並在xhr之前使用charset方法。發送但xhr之后。開做

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

then when you're 200 OK

當你200歲的時候

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

Which you can then set as a src of an <img>.

然后可以將其設置為的src。

Again assuming xhr, this time .response method; between .open and .send,

假設xhr，這次。response方法;.open和.send之間,

xhr.responseType = "arraybuffer";

Then at 200 OK

然后在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);

Which you can then set as a src of an <img>. Example

然后可以將其設置為的src。例子