Javascript 更新原始图片文件时如何刷新页面上的图片_Javascript_Jquery_Html

Javascript 更新原始图片文件时如何刷新页面上的图片

javascript jquery html

Javascript 更新原始图片文件时如何刷新页面上的图片,javascript,jquery,html,Javascript,Jquery,Html,情况是这样的：我需要在给定的时间更改页面中div的背景图像。下面的代码正是这样做的，并且还淡入淡出图片。问题是，我需要频繁地更改目录中的图像。名字永远不会变，但照片会变。如何强制浏览器刷新内容？即使我手动按f5，它也不会刷新图像 <html> <head> <meta charset="UTF-8"> <title>Esquerdo - Monitores BI</title> <script type="

情况是这样的：我需要在给定的时间更改页面中div的背景图像。下面的代码正是这样做的，并且还淡入淡出图片。问题是，我需要频繁地更改目录中的图像。名字永远不会变，但照片会变。如何强制浏览器刷新内容？即使我手动按f5，它也不会刷新图像

<html>
<head>
    <meta charset="UTF-8">
    <title>Esquerdo - Monitores BI</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.5.2.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
        $('img').hide();
        function test() {
            $("#container img").first().appendTo('#container').fadeOut(2000);
            $("#container img").first().fadeIn(2000);

            setTimeout(test, 7000);
        }
            test();
        });
    </script>

    <link rel="stylesheet" type="text/css" href="slidestyle2.css">
</head>
<body>
    <div id="container">
        <img src="vehicles/kicks.jpg" />
        <img src="vehicles/gtr.jpg" />
        <img src="vehicles/sentra.jpg" />
    </div>
</body>


Esquerdo-Monitores BI
$（窗口）。加载（函数（）{
$（'img'）.hide（）；
功能测试（）{
$（“#容器img”）.first（）.appendTo（“#容器”）.fadeOut（2000）；
$（“#容器img”）.first（）.fadeIn（2000）；
设置超时（测试，7000）；
}
test（）；
});

我已经搜索了很多解决方案，但由于我对jquery、javascript等一无所知，而且我发现的所有解决方案都适用于非常不同的代码，所以我无法根据自己的需要进行任何调整。我所知道的是，浏览器使用特定名称保留文件的原始内容，因此需要在代码中更改文件名，使其始终唯一。但是，如果我用html编写文件名，我该怎么做呢

非常感谢您的帮助。

在URL末尾添加一个随机值：

$("#container img").first().attr( "src", "vehicles/kicks.jpg?" + Math.random() )

这将迫使浏览器重新蚀刻图像的新副本。

在URL末尾添加一个随机值：

$("#container img").first().attr( "src", "vehicles/kicks.jpg?" + Math.random() )

这将迫使浏览器重新绘制图像的新副本。

如果您希望以编程方式执行此操作，则需要在图像的url中添加某种独特的查询字符串，以便每次都强制浏览器重新下载，如果您只想查看新图像，则需要进行硬刷新（ctrl+f5）要强制缓存的文件重新下载您所描述的内容，并且您可以控制浏览器如何使用标题缓存某些文件。如果您希望以编程方式执行此操作，则需要在图像的url中添加某种独特的查询字符串，这样，如果您只想查看新图像，每次都会强制浏览器重新下载，然后，您需要执行硬刷新（ctrl+f5）以强制缓存的文件重新下载您所描述的内容，并且您可以使用HeaderCreat控制浏览器如何缓存某些文件！首先听说，我可能会使用某种日期时间戳，而不是数学随机数，因为随机数很可能是已经使用过的随机数，因为日期时间总是在公平点递增。但我刚刚在控制台中尝试了以下代码片段：

for（i=0；i@JeremyThille我到底把它放在哪里？尝试了很多方法，但都没有效果。我需要更改/删除另一行吗？好的，只要你想设置图像的src
属性，就把它放在哪里。它只是设置图像的源代码，太好了！首先听说我可能会使用某种日期戳而不是数学随机的，因为随机数很可能是一个已经使用过的随机数，随着日期时间的增加，随机数将始终增加到公平点。但我刚刚在控制台中尝试了以下代码片段：for（i=0；i@JeremyThille我到底把它放在哪里？尝试了很多方法，但都没有效果。我需要更改/删除另一行吗？好吧，只要你想设置图像的src
属性，就把它放在那里。它只是设置图像的源，就是这样