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。