0

我经常需要更新我网站上的主要图片，用户会访问该网站，但除非他们手动点击刷新，否则这些图片不会是更新版本。即使我输入“请点击刷新以查看更新的图像”，用户也会忽略这一点，我必须通过电子邮件发送给他们以点击刷新按钮。我尝试使用像这样的 Javascript 将初始 index.html 重新加载到实际站点

初始 index.html：

document.location.href='index2.php?code=reload_page'

然后在 index2.php 上：

$the_code = $_GET['code'];

  if($the_code == "reload_page")
    {
     $page = $_SERVER['PHP_SELF'];
     $sec = "1";
     header("Refresh: $sec; url=$page");
    }
  else
    {
      //load page regular
    }

我试过这样，但它没有用，在你点击刷新按钮之前仍然有旧图像。使用 PHP 或 javascript/jquery 完成此任务的任何其他方法？

4

3 回答 3

3

图像不刷新的问题可能是 Web 浏览器或服务器代理等中的缓存问题。这是配置问题，可能不依赖于您。绕过这个的简单技巧是将时间戳添加到 img url。每次重新生成内容时，index.php只需向图像添加一些查询字符串，如下所示：

<?php
echo '<img src="my_image.png?ts='.time().'" />';
?>

它会欺骗您的浏览器和代理，使其成为另一个图像并阻止缓存。

于 2012-06-09T11:17:47.593 回答
1

您可以使用计时器重新加载图像并通过 AJAX 请求从其他页面获取它们：

setInterval(function(){ 
  $.ajax({
    url: 'index2.php'
  }).done(function ( data ) {
    $('#image-div').html(data);
  }); 
}, 10000); // wait 10 seconds

看看jQuery.ajax

于 2012-06-09T11:14:18.847 回答
1

将以下内容放在页面的头部，这将每 5 秒重新加载一次您的内容。

<meta http-equiv="refresh" content="5">

如果浏览器仍然缓存图像，因为 url 没有更改，则在图像 url 的末尾放置一个随机查询字符串。您可以使用时间戳。

<img src="image.jpg?<?php echo time(); ?>">
于 2012-06-09T11:18:50.520 回答