12

我正在创建一个允许用户上传图像的输入表单。提交后,用户将返回到顶部带有构造位的表单。

然后通过对存储图像 URL 的 MySQL 数据库的查询来预览已提交的任何图像。但是,如果用户上传了一张照片,它会被预览,然后他们决定更改该照片并重新提交表单,当它带您返回表单时,除非您手动按下浏览器上的刷新,否则新照片不会显示。

有没有办法强制刷新/缓存删除或刷新该特定图像而不是整个页面?

谢谢

4

5 回答 5

28

将修改后的日期作为查询添加到图像的末尾。

<img src="/images/photo.png?=1239293"/>

在 PHP 中

<img src="/images/photo.png?=<?php echo filemtime($filename)?>"/>
于 2013-05-13T16:05:13.207 回答
14

在 PHP 中,您可以发送一个随机数或当前时间戳:

<img src="image.jpg?<?=Date('U')?>">

或者

<img src="image.jpg?<?=rand(1,32000)?>">
于 2014-01-14T16:10:23.847 回答
4

这里的技巧是告诉浏览器不要缓存内容。您可以通过将这些语句放在其他任何东西之前来做到这一点(没有空格或任何东西!)

<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
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");
?>

根据您加载图像的方式,您还可以使用 jQuery 对图像进行 javascript 刷新。

于 2013-05-13T16:02:47.147 回答
0

您可以使用 JavaScript 将当前图像替换为新图像:

    <div id="imageHolder">this is where the image will show</div>
    <script type="text/javascript">
    function myfunction(){
    document.getElementById("imageHolder").innerHTML="<div id=\"imageHolder\"><img src='imagefolder/imagename.jpg' alt=''/></div>";
    }</script>

当然上传完成后需要触发函数myfunction...

于 2013-05-13T16:06:31.870 回答
0

这对我很有用:

image.jpg?=<?php echo rand() . "\n";?>
于 2017-02-15T09:55:08.077 回答