从 Base64 编码图像获取尺寸

我有一个 Angular 应用程序，我需要以下尺寸 Base64 编码的图像。我尝试将其加载到Image，但它只是说它是0x0.

const image = new Image();
image.src = 'data:image/jpeg;base64,someBase64ImageString';

console.log(image.width + 'x' + image.height);

我怎样才能得到这些信息？

设置之间的步骤src并且处于“已加载”状态（因此具有尺寸）的图像是异步的 - 这似乎适用于数据 URI 以及外部资源（至少在 Chrome 中）。

为安全保证width and height已填充，逻辑应在回调中运行。 IE。，

let im = new Image;
im.src = 'data:image/png;base64,whatever';
im.onload = () => console.log(im.width);

请注意，这只是第一次加载图像时的问题。对于连续调用，您的代码按原样工作。据推测，这与浏览器处理和缓存数据的方式有关。