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

Question

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

1. 阿贾克斯下来一个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。