img标签缓存问题

项目是画布绘制类型的,会定时去向后台请求新的合成图片,但是后台每次是按文件名及目录名生成图片的地址,例如:https://img_2021_push.png。这个地址一直是同样的,导致浏览器认为是同一个资源,所以就会将缓存显示到img标签上,这样就导致了页面无法更新到新的图片展示,但是后台的图片的确是新生成的。
最简单的办法就是给图片后面拼接一个随机串,这样就相当于每次都是一个新的地址去通过浏览器请求,就不会引发缓存的问题了

let tempId = Math.random();
let url = "https://img_2021_push.png?tempId=" + tempId;

你可能感兴趣的:(img标签缓存问题)