更新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

你的图像被浏览器缓存（这是默认的预期行为）。

如果要告诉你的浏览器不要缓存它，你可以添加 缓存控制 头，或者实现 ET标签

更多的黑客解决方案(这将填补你的浏览器缓存不必要的)将是添加随机数datetime在得到请求

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