base64 图像解码间歇性报告 1x1 尺寸

Question

使用 ie9/ie10，我正在尝试检测 base64 图像的尺寸。我的代码适用于其他当前浏览器。这些是我遵循的步骤：

1. ajax 下一个 base64 字符串，
2. 创建一个新的 Image() 对象，
3. 设置base64字符串为src，
4. 使用 imagesloaded 或等待 onload 事件

稍后会成功加载回调，但是...图像尺寸报告为 1x1。有时。其他时候效果很好。

那么...我如何检测图像何时...解码？不知道这里发生了什么。

Answer 1

使用onload 回调。当您第一次尝试获取其大小时，您的图像尚未下载。 这就是你得到错误尺寸的原因。

image.onload = function () {
  console.log(this.width);
}

Answer 2

尝试使用 naturalWidth 而不是 width。 它适用于 Internet Explorer 10。