微信小程序:解决gif图片只渲染一次的问题

2020-01-10  本文已影响0人  九旬大爷的梦

微信小程序开中,遇到gif图执行一次的需要,经过多方,之后通过以下方式实现

问题描述:加载本地gif时,就算image重新渲染了,gif也会保持在终点的状态,不会重新播放
解决方案:把本地gif的路径换成线上的,然后在最后加上时间戳即可解决
方案缺陷:可能会造成卡顿,但目前尚未找到更好的解决方案
————————————————
参考链接:https://blog.csdn.net/qq_32654773/article/details/100031214

附上代码:
html

<image bindload="gifImgLoad" src="{{gifUrl}}"></image>

js

page({
  data:{
    gifUrl: '图片url',//线上地址
  },
//图片加载成功之后执行
  gifImgLoad(e) {
    var gifurl = this.data.gifUrl;
    var nowTime = +new Date();
    setTimeout(() => {
      this.setData({
        gifUrl: gifurl + '?' + nowTime
    })
  }, 1000)//一秒钟之后消失
})
上一篇 下一篇

猜你喜欢

热点阅读