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

将一些随机参数附加到图像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;

Answer 3

在 img url 的末尾添加一个随机字符串

像：

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