与JavaScript加载图像不使图像变化

Question

我有一些问题使用WAMP，当我编辑（在外部程序）的图像I的JavaScript它不会在web服务器上更新加载更新。

我使用此代码加载图像作为H2标签的背景

$('div.drawer h2').each(function(index) 
{ 
    $(this).css("background-image", "url(./images/" + $(this).text() + ".png)") 
}); 

这与H2 + png格式的图像文件夹

但是没有关系的文字加载图像不会将图像重新加载到缓存中，因此如果我编辑源图像，它不会在网页上更改。

如果我加载图像中的CSS（与背景图像变量）加载和更新的罚款。

这种行为如何解决？这是预期的吗？

Answer 1

图像在Web浏览器可能是缓存，尝试按Ctrl + F5键刷新它。

或者你可以尝试按ctrl +删除，并删除浏览器的缓存整体看，如果这是你的问题。

如果你动态加载javascript中的图像，可以将图像名称后添加randomnumber？

像http://yourserver/imageName.jpg?1234那么URL将是每个请求唯一因而不会打你的浏览器的缓存。