纵有疾风起
人生不言弃

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

微信小程序开中,遇到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)
//一秒钟之后消失
})
文章转载于:https://www.jianshu.com/p/96f4ed883a24

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 微信小程序:解决gif图片只渲染一次的问题
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录