美文网首页
img标签缓存问题

img标签缓存问题

作者: GuitarHusky | 来源:发表于2021-12-24 20:25 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:img标签缓存问题

          本文链接:https://www.haomeiwen.com/subject/gnkrqrtx.html