阿明·罗纳彻的想法是正确的。问题是随机字符串可能会发生冲突。我会使用：

<img src="picture.jpg?1222259157.415" alt="">

Where "1222259157.415" is the current time on the server.
Generate time by Javascript with performance.now() or by Python with time.time()

简单修复：将随机查询字符串附加到图像：

<img src="foo.cgi?random=323527528432525.24234" alt="">

HTTP RFC所说的：

Cache-Control: no-cache

但效果并不好：）

我使用PHP的文件修改时间函数，例如：

echo <img  src= Images/image.png?" . filemtime( Images/image.png ) . "   />";

如果更改图像，则会使用新图像，而不是缓存的图像，因为修改后的时间戳不同。

我会使用：

<img src="picture.jpg?20130910043254">

其中“201300910043254”是文件的修改时间。

上传图像时，其文件名不会保存在数据库中。它被重命名为Image.jpg（只是为了在使用它时解决问题）。将现有图像替换为新图像时，名称也不会更改。只是图像文件的内容发生了更改。

我认为有两种类型的简单解决方案：1）首先想到的解决方案（简单的解决方案，因为它们很容易想出），2）经过深思熟虑后得出的解决方案。显然，如果你选择仔细考虑，你不会一直受益。但我认为，第二种选择被低估了。想想为什么＜code＞php＜/code＞如此受欢迎；）

使用Class=“NO-CACHE”

示例html:

<div>
    <img class="NO-CACHE" src="images/img1.jpg" />
    <img class="NO-CACHE" src="images/imgLogo.jpg" />
</div>

jQuery（查询）：

    $(document).ready(function ()
    {           
        $( .NO-CACHE ).attr( src ,function () { return $(this).attr( src ) + "?a=" + Math.random() });
    });

javascript语言：

var nods = document.getElementsByClassName( NO-CACHE );
for (var i = 0; i < nods.length; i++)
{
    nods[i].attributes[ src ].value += "?a=" + Math.random();
}

Result: src="images/img1.jpg" => src="images/img1.jpg?a=0.08749723793963926"

您可以编写一个代理脚本来提供图像——不过这需要更多的工作。像这样的东西：

HTML格式：

<img src="image.php?img=imageFile.jpg&some-random-number-262376" />

脚本：

// PHP
if( isset( $_GET[ img ] ) && is_file( IMG_PATH . $_GET[ img ] ) ) {

  // read contents
  $f = open( IMG_PATH . $_GET[ img ] );
  $img = $f.read();
  $f.close();

  // no-cache headers - complete set
  // these copied from [php.net/header][1], tested myself - works
  header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Some time in the past
  header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); 
  header("Cache-Control: no-store, no-cache, must-revalidate"); 
  header("Cache-Control: post-check=0, pre-check=0", false); 
  header("Pragma: no-cache"); 

  // image related headers
  header( Accept-Ranges: bytes );
  header( Content-Length:  .strlen( $img )); // How many bytes we re going to send
  header( Content-Type: image/jpeg ); // or image/png etc

  // actual image
  echo $img;
  exit();
}

事实上，在image src中没有缓存头或随机数就足够了，但由于我们希望是防弹的。。

我在网上查了所有的答案，最好的答案似乎是：（实际上不是）

<img src="image.png?cache=none">

一开始

然而，如果添加＜strong>cache=none＜/strong>参数（这是静态的“none”字），它不会产生任何影响，浏览器仍然从缓存加载。

这个问题的解决方案是：

<img src="image.png?nocache=<?php echo time(); ?>">

在基本上添加unix时间戳以使参数动态且无缓存的情况下，它起到了作用。

However, my problem was a little different: I was loading on the fly generated php chart image, and controlling the page with $_GET parameters. I wanted the image to be read from cache when the URL GET parameter stays the same, and do not cache when the GET parameters change.

为了解决这个问题，我需要散列$_GET，但由于它是数组，所以这里是解决方案：

$chart_hash = md5(implode( - , $_GET));
echo "<img src= /images/mychart.png?hash=$chart_hash >";

编辑：

Although the above solution works just fine, sometimes you want to serve the cached version UNTIL the file is changed. (with the above solution, it disables the cache for that image completely) So, to serve cached image from browser UNTIL there is a change in the image file use:

echo "<img src= /images/mychart.png?hash=" . filemtime( mychart.png ) . " >";

filemtime（）获取文件修改时间。

我是一个新的程序员，但以下是我的想法，以阻止浏览器缓存和保留我的网络摄像头视图：

<meta Http-Equiv="Cache" content="no-cache">
<meta Http-Equiv="Pragma-Control" content="no-cache">
<meta Http-Equiv="Cache-directive" Content="no-cache">
<meta Http-Equiv="Pragma-directive" Content="no-cache">
<meta Http-Equiv="Cache-Control" Content="no-cache">
<meta Http-Equiv="Pragma" Content="no-cache">
<meta Http-Equiv="Expires" Content="0">
<meta Http-Equiv="Pragma-directive: no-cache">
<meta Http-Equiv="Cache-directive: no-cache">

Not sure what works on what Browser, but it does work for some: IE: Works when webpage is refreshed and when website is revisited (without a refresh). CHROME: Works only when webpage is refreshed (even after a revisit). SAFARI and iPad: Doesn t work, I have to clear the History & Web Data.

对SAFARI/iPad有什么想法吗？

上传图像时，其文件名不会保存在数据库中。它被重命名为Image.jpg（只是为了在使用它时解决问题）。

改变这个，你就解决了你的问题。我使用时间戳，就像上面提出的解决方案一样：图像-<；时间戳>；。jpg格式

据推测，通过为图像保留相同的文件名来避免任何问题都是可以克服的，但你不知道它们是什么。

您必须使用唯一的文件名。这样地

<img src="cars.png?1287361287" alt="">

But this technique means high server usage and bandwidth wastage. Instead, you should use the version number or date. Example:

<img src="cars.png?2020-02-18" alt="">

但您希望它永远不会提供缓存中的图像。为此，如果页面不使用页面缓存，则可以使用PHP或服务器端。

<img src="cars.png?<?php echo time();?>" alt="">

However, it is still not effective. Reason: Browser cache ... The last but most effective method is Native JAVASCRIPT. This simple code finds all images with a "NO-CACHE" class and makes the images almost unique. Put this between script tags.

var items = document.querySelectorAll("img.NO-CACHE");
for (var i = items.length; i--;) {
    var img = items[i];
    img.src = img.src +  ?  + Date.now();
}

用法

<img class="NO-CACHE" src="https://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png" alt="">

结果如下

https://example.com/image.png?1582018163634

您的问题是，尽管有Expires:标头，但您的浏览器正在重新使用更新前图像的内存副本，而不是检查其缓存。

我在类似商店的网站的管理后台上传产品图像时也遇到过类似的情况，在我的情况下，我决定最好的选择是使用javascript强制刷新图像，而不使用其他人已经在这里提到的任何URL修改技术。相反，我将图像URL放入一个隐藏的IFRAME中，在IFRAME的窗口上称为location.reload（true），然后替换页面上的图像。这将强制刷新图像，不仅是在我所在的页面上，而且在我访问的任何后续页面上，而客户端或服务器都不必记住任何URL查询字符串或片段标识符参数。

我在回答中发布了一些代码来实现这一点此处。

从我的角度来看，禁用图像缓存是个坏主意。完全

这里的根本问题是——当图像在服务器端更新时，如何强制浏览器更新图像。

同样，从我个人的角度来看，最好的解决方案是禁用对图像的直接访问。而是通过服务器端过滤器/servlet/其他类似的工具/服务访问图像。

在我的情况下，这是一个rest服务，它返回图像并附加ETag作为响应。该服务保留所有文件的哈希，如果文件发生更改，则会更新哈希。它在所有现代浏览器中都能完美工作。是的，实施它需要时间，但这是值得的。

唯一的例外是收藏夹。由于某些原因，它不起作用。我无法强制浏览器从服务器端更新其缓存。ETag、Cache Control、Expires、Pragma标头，没有任何帮助。

在这种情况下，在url中添加一些随机/版本参数似乎是唯一的解决方案。

添加时间戳<；img src=“picture.jpg？t=<；？php echo time（）；？>；”>