如何在javascript中加载图像而不将其放入缓存答案

【问题标题】：How to load image in javascript without put it in the cache如何在javascript中加载图像而不将其放入缓存
【发布时间】：2013-11-22 13:29:04
【问题描述】：

我想在 javascript 中加载图像，就像这样：

var img = new Image();
img.src = "http://www.myimage.fr/myimage.jpg";

但我希望图像在加载时不要进入浏览器的缓存。保留此 url 很重要，我不想为 url 设置任何参数，例如时间戳。

有什么想法吗？

非常感谢

【问题讨论】：

听起来像功课？

标签： javascript image caching browser

【解决方案1】：

为此，您需要您的网络服务器输出相应的标头以及响应。

您可以通过设置这些标头来指示浏览器不缓存资源：

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

由于这是您提供的静态文件（图像），您必须根据文件名或扩展名配置您的网络服务器来为您执行此操作。什么网络服务器为您的网站提供服务？

【讨论】：

这可以防止缓存所有图像。我相信 OP 只想要特定的图像 :)
是的，如果对特定扩展名的所有文件都进行了配置，但我相信应该可以按文件名进行配置，但话又说回来，取决于所使用的 Web 服务器。

【解决方案2】：

<head>   
<meta charset="utf-8">   
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
-----
</head>

【讨论】：