[解決済み] image.onloadイベントとブラウザキャッシュ

質問

画像を読み込んだ後にアラートボックスを作成したいのですが、画像がブラウザのキャッシュに保存されている場合は .onload イベントは発生しません。

画像がキャッシュされているかどうかに関係なく、画像が読み込まれたときにアラートを発生させるにはどうすればよいですか？

var img = new Image();
img.src = "img.jpg";
img.onload = function () {
   alert("image is loaded");
}

解決方法は？

画像を動的に生成しているので onload プロパティの前に src .

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

フィドル - FirefoxとChromeの最新版でテスト済みです。

また、この中の答えを使うこともできます。 ポスト これは、動的に生成される1つの画像に適応させたものです。

var img = new Image();
// 'load' event
$(img).on('load', function() {
  alert("image is loaded");
});
img.src = "img.jpg";

フィドル