javascript - 从 XMLHttpRequest 到 Blob 的图像数据

Question

我正在创建一个XMLHttpRequest:

request = new XMLHttpRequest();
request.open('GET', modifiedImageUrl, true);
request.onreadystatechange = ->
    if request.readyState == 4
        if request.status == 200
            blob = new Blob([request.response], { type: 'image/jpeg' })
request.send(null);

(请原谅我的 CoffeeScript )。我想从检索到的图像创建一个 Blob，但除了大小和类型之外，我没有在 Blob 中获取任何数据:

Blob
    size: 88804
    type: "image/jpeg"
    > __proto__: Object

查看request.response:

这是什么格式？我该如何将其转换为包含比大小更多信息的 Blob ？

Answer 1

blob 中包含数据，但您无法这样查看它。
此外，如果您没有将响应类型设置为 arraybuffer(或 blob)，则图像数据将会损坏。