Question

我在使用wamp时遇到一些问题，当我编辑（在外部程序中）使用javascript加载的图像时，它不会在网络服务器上更新。

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

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

使用图像文件夹

中的h2 + .png文本加载图像

但是它不会在缓存中重新加载图像，所以如果我编辑源图像，它就不会在网页上更改。

如果我在CSS中加载图像（带有background-image变量），它会加载并更新。

如何解决此问题？这是预期的吗？

Answer 1

图片可能已缓存在您的网络浏览器中，请尝试按ctrl + F5重新加载。

或者您可以尝试按Ctrl +删除并删除浏览器的整个缓存以查看这是否是您的问题。

如果您在javascript中动态加载图片，可以在图片名称后添加？randomnumber。

与http://yourserver/imageName.jpg?1234一样，每个请求的网址都是唯一的，因此不会触及浏览器的缓存。