JavaScript从blob创建图像导致图像损坏[重复]

Question

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

这是我从服务器获取的缓冲区： Buffer

这就是我为 blob 创建对象 url 的方式： Creating object url from blob

结果是这样的： Final image

控制台也没有错误。

Answer 1

尝试将您的字节数组转换为 Uint8Array 并查看它是否有效

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