Question

我有一个重新加载页面的按钮：

<input type="button" name="reloadPage" id="reloadPage" value="Refresh Data" onclick="location.href = '<?=$Domain?>unitstatus.php";/>

但是页面上的所有.gif图像都没有重新加载。有没有办法让它们在单击按钮时重新加载？

<img src="images/10frame.gif";>

以上是页面重新加载时不重新加载的图像。 .gif图像停留在最后一帧，而不是从开始帧开始。

Answer 1

上面的答案有效，但过于复杂。只需使用此代码即可解决问题

<img src="images/10frame.gif?<?PHP echo uniqid(); ?>">

这将在图像的url末尾添加一个查询字符串，并绕过浏览器的任何缓存。

Answer 2

<input type="button" name="reloadPage" id="reloadPage" value="Refresh Data"/>

<script>
$( "button" ).click(function() {
    unix = Math.round(+new Date()/1000);
    $('img').attr('href') = img.attr('href') + '?' + unix; //put question mark after the img links and after that writes a unique number
});
</script>

上面的代码应该将href链接更改为动态链接。那就是img/10frame.png将成为img/10frame.png?2002344。

正如Robbert所说 -

这将绕过浏览器缓存图像。

重新加载页面上的图像重新加载

2 个答案: