Question

Hi I am trying to load the image into a hidden div. I need to do this many times and I don’t want to load image from cache. Here is the code.

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

function onLoad() {
    alert()
}

Is there a way to do that without cache?
Thank you…

Answer 1

Append some random parameter to image src so cache will not be used:

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