笑颜铁塔 2022-05-02 16:22 采纳率: 0%
浏览 466
已结题

vue里面的img，其中src的地址不变，但是实际上里面存的图片隔一段时间就会变化，但是渲染在前端始终只显示第一次的图片怎么办

vue里面的img，其中src的地址不变，但是实际上里面存的图片隔一段时间就会变化，但是渲染在前端始终只显示第一次的图片怎么办

  • 写回答

1条回答 默认 最新

  • 小蓝阿姨 2022-05-02 16:38
    关注

    图片缓存的原因，你可以在图片尾端加上一个随机数，这是最常用的解决方法。
    我写了一个小例子，你可以参考一下，调用了一个随机图片接口

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <img id="random" src="https://www.dmoe.cc/random.php" alt="">
</body>
<script>
  const mImg = document.getElementById('random')
  setInterval(() => {
    // 加一个随机数即可
    mImg.src = 'https://www.dmoe.cc/random.php?random=' + Math.random()
  }, 1000)
</script>
</html>

    记得点击采纳

    评论 编辑记录

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 5月2日
  • 创建了问题 5月2日

悬赏问题

  • ¥15 C#i编程中so-ir-192编码的字符集转码UTF8问题
  • ¥15 51嵌入式入门按键小项目
  • ¥30 海外项目，如何降低Google Map接口费用？
  • ¥15 fluentmeshing
  • ¥15 手机/平板的浏览器里如何实现类似荧光笔的效果
  • ¥15 盘古气象大模型调用（python）
  • ¥15 传人记程序做的plc 485从机程序该如何写
  • ¥15 已知手指抓握过程中掌指关节、手指各关节和指尖每一帧的坐标，用贝塞尔曲线可以拟合手指抓握的运动轨迹吗？
  • ¥50 libwebsockets 如何添加其他socket事件回调
  • ¥50 实现画布拖拽算子排布，通过flink实现算子编排计算，请提供思路