更新django静态文件中的图像文件

Question

我正在处理视频，然后将每一帧作为图像保存在我的静态文件夹中。每个新图像帧都会覆盖静态文件目录中的前一个图像帧。帧以每 5 秒左右 1 帧的速度出现。

我想在我的 html 文件中显示帧图像。

<img src='../static/frame.jpg' id="image" width="300" height="200">

但它不起作用。它不断加载编译时使用的图像版本。

它只在我刷新页面时更新。

我怎样才能避免这种情况？

这是我在 javascript 中使用的代码。每次我收到 websocket 消息时，它都应该更新。我每 5 秒得到一个。

socket.onmessage = function(e){

   var recData=JSON.parse(e.data);

   image.setAttribute('src', '../static/frame2.jpg');

   (...)

Answer 1

您的图像正在被浏览器缓存（这是默认的预期行为）

要告诉您的浏览器不要缓存它，您可以添加 Cache-Control header like in example, or implement ETag

更多的解决方案（这会不必要地填充您的浏览器缓存）是在获取请求

中添加随机number/datetime

image.setAttribute('src', '../static/frame2.jpg?' + new Date().getTime());

Update image file in django static files