当前位置:   article > 正文

微信小程序开发分享,保存图片和视频遇到的问题以及解决办法。_show-menu-by-longpress

show-menu-by-longpress

问题一:查看图片调用的是wx.previewImage接口,可以直接实现点击查看大图功能,然后保存图片,image组件自带 show-menu-by-longpress="{{true}}"  属性可以实现长按保存功能,但是这个属性是绑定在图片上,所以不管图片是大图还是小图都会触发这个属性,那么如何解决这个问题呢?

 

解决办法:写两个 image 组件 ,一个加上 show-menu-by-longpress="{{true}}"  属性,另一个不加,然后在wx.previewImage() 方法的success回调里,让加上  show-menu-by-longpress="{{true}}" 的 image 组件渲染,另一个不让渲染。 然后在complete回调里,让 不带  show-menu-by-longpress="{{true}}" 属性的组件渲染,这样就可以实现查看大图并支持长按保存了。代码片段如下

wxml代码:

js代码:

问题二:保存视频会遇到保存图片同样的问题,因为视频播放用的是video组件,保存事件绑定在video组件上,同样不管小窗口还是全屏都会出现保存按钮,那么如何解决这个问题呢?

解决办法:video 组件自身有一个属性

可以用来判断当前视频是否在全屏状态下,我们就可以利用这个属性来设定一个flag值,fullScreen 为 true 的时候,置flag为1,fullScreen 为 false 的时候,置flag为2,然后在 flag 为1 的时候去调用保存视频的方法,至于保存视频的方法我也会在后面分享。

wxml代码:

js代码:

 

保存视频的方法:

我开发的时候也借鉴了好多大佬的分享,这是自己的一点分享,希望能帮到大家。。。。 

 

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号