公告列表
公告列表
收藏
评论

怎样在小程序里上传gif图片


前一段时间我们想增加"动图专区"的板块，可是手机上wx.chooseImage会把gif转成jpg，想了一个"曲线救国"的办法：

通过web-view内嵌h5上传gif，再把gif地址通过wx.miniProgram.redirectTo带参跳回发布页面。


图一，发布页面点添加动图，会跳转到上传页面


图二，web-view内嵌h5上传图片地址

<web-view src="{{h5上传图片页面}}">web-view>


h5上传后带url回跳

"file" accept="image/gif" type="file" />
----
wx.miniProgram.redirectTo({
  url: `${/photos/photos?GifUrl}=res.key`
})


图三，发布页面拿到上传后的gif地址，并展示

onLoad: function (e) {
 if(e.GifUrl) upload_img = e.GifUrl
}




线上效果：


最后一次编辑于  2018-08-17
收藏

7 个评论

  • 喔喔哦
    喔喔哦
    2018-08-01

    你写的很赞 能定时删了吗？ 我怕产品经理看到！

    2018-08-01
    赞同 3
    回复 4
    • 敏清🌞
      敏清🌞
      2018-08-01

      看到了，有什么不妥吗

      2018-08-01
      赞
      回复
    • 2018-11-21回复敏清🌞

      笑死我了。。。。


      2018-11-21
      赞 1
      回复
    • 2018-11-21回复敏清🌞

      他的意思是免得产品知道了让他重新搞

      2018-11-21
      赞 1
      回复
    • TANGYC_
      TANGYC_
      2022-03-31
      哈哈  笑死
      2022-03-31
      赞
      回复
  • Thinking80s
    Thinking80s
    2018-07-30

    mark

    2018-07-30
    赞同 1
    回复
  • 我
    我
    2018-08-17

    mark

    2018-08-17
    赞同
    回复
  • 南琦www.my2space.com
    南琦www.my2space.com
    2018-07-31

    太棒了。

    2018-07-31
    赞同
    回复
  • 辣油甩放
    辣油甩放
    2018-07-30

    我看了你们小程序，试了两台iOS 10的手机，上传动图选照片图库后都会闪退，这应该也是一个兼容问题

    2018-07-30
    赞同
    回复 1
    • 敏清🌞
      敏清🌞
      2018-07-30

      是的，这是个老问题。

      2018-07-30
      赞
      回复
  • 2018-07-28

    黑科技

    2018-07-28
    赞同
    回复
  • 龙
    龙
    2018-07-27

    mark

    2018-07-27
    赞同
    回复
请 登录 后发表内容