JavaScript 从 blob 创建图像导致图像损坏
JavaScript create image from blob results in broken image
我从服务器获取了一个缓冲区并创建了一个新的 blob。对于这个新的 blob,我创建了一个对象 URL,但图像总是显示不正确。
这是我从服务器获取的缓冲区:
Buffer
这就是我为 blob 创建对象 url 的方式:
Creating object url from blob
结果是这样的:
Final image
控制台也没有错误。
尝试将您的字节数组转换为 Uint8Array 并查看它是否有效
var arrayBufferView = new Uint8Array(artifactEntityObject.thumbnail.data);
var blob = new Blob( [arrayBufferView], { type: "image/jpeg" } );
var imgSource = URL.createObjectURL( blob );
我从服务器获取了一个缓冲区并创建了一个新的 blob。对于这个新的 blob,我创建了一个对象 URL,但图像总是显示不正确。
这是我从服务器获取的缓冲区: Buffer
这就是我为 blob 创建对象 url 的方式: Creating object url from blob
结果是这样的: Final image
控制台也没有错误。
尝试将您的字节数组转换为 Uint8Array 并查看它是否有效
var arrayBufferView = new Uint8Array(artifactEntityObject.thumbnail.data);
var blob = new Blob( [arrayBufferView], { type: "image/jpeg" } );
var imgSource = URL.createObjectURL( blob );