javascript - 非表示の div にキャッシュなしで同じ画像をロードする

Question

こんにちは、非表示の div に画像をロードしようとしています。これを何度も行う必要があり、キャッシュから画像をロードしたくありません。これがコードです。

document.getElementById('container').innerHTML = '<img src="http://blog.dwolla.com/wp-content/uploads/2012/09/stackoverflow.png" onload="onLoad()" />'

function onLoad() {
    alert()
}

キャッシュなしでそれを行う方法はありますか？ありがとうございました...

Answer 1

var img = '<img src="http://blog.dwolla.com/wp-content/uploads/2012/09/stackoverflow.png?' + Number(new Date()) + '" onload="onLoad()" />';
document.getElementById('container').innerHTML = img;

Answer 2

imgURLの最後にランダムな文字列を追加します

お気に入り：

document.getElementById('container').innerHTML = '<img src="http://blog.dwolla.com/wp-content/uploads/2012/09/stackoverflow.png?nocache='+Math.random()+'" onload="onLoad()" />'

Answer 3

srcキャッシュが使用されないように、画像にランダムなパラメータを追加します。

var img = '<img src="http://blog.dwolla.com/wp-content/uploads/2012/09/stackoverflow.png?' + Math.random() + '" onload="onLoad()" />';
document.getElementById('container').innerHTML = img;