javascript - base64 画像のデコードで断続的に 1x1 のサイズがレポートされる

Question

ie9/ie10 を使用して、base64 イメージのサイズを検出しようとしています。私のコードは、他の現在のブラウザーで動作します。これらは私が従う手順です：

1. base64 文字列を ajax ダウンし、
2. 新しい Image() オブジェクトを作成し、
3. base64 文字列を src として設定し、
4. imagesloaded を使用するか、onload イベントを待ちます

しばらくすると、正常にロードされたコールバックが到着しますが... 画像のサイズは 1x1 として報告されます。時々。それ以外の場合は、問題なく動作します。

では...画像が...デコードされたことをどのように検出しますか? ここで何が起こっているのかわかりません。

Answer 1

onloadコールバックを使用します。最初にサイズを取得しようとしたとき、画像はまだダウンロードされていません。サイズを間違えるのはそのためです。

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

Answer 2

widthの代わりにnaturalWidthを使用してみてください。Internet Explorer 10で動作します。