赞
踩
问题一:查看图片调用的是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代码:
保存视频的方法:
我开发的时候也借鉴了好多大佬的分享,这是自己的一点分享,希望能帮到大家。。。。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。