更新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标头，或者实现ETag

解决方案的更多技巧（这会不必要地填充您的浏览器缓存）是在获取请求中添加随机数/日期时间

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