JavaScript从blob中创建图像的结果是破损的图像[重复]。

Question

这个问题在这里已经有了答案:

ArrayBuffer转换为blob (2个答案)

为什么Array的Blob比Uint8Array的Blob小？ (2个答案)

封闭 上月.

我从服务器上获取一个缓冲区，然后创建一个新的blob。对于这个新的blob，我创建了一个对象URL，但图像总是显示不正确。

这就是我从服务器上得到的缓冲区。缓冲区

这是我为blob创建对象url的方法。从blob创建对象网址

而结果就是这样。最终图像

同时控制台中也没有错误。

Answer 1

试着将你的字节数组转换为Uint8Array，看看是否能正常工作。

var arrayBufferView = new Uint8Array(artifactEntityObject.thumbnail.data);
var blob = new Blob( [arrayBufferView], { type: "image/jpeg" } );
var imgSource = URL.createObjectURL( blob );