更新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',&nbsp;'../static/frame2.jpg?'&nbsp;+&nbsp;new&nbsp;Date().getTime());