javascript - 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);
}