微信小程序 wx.previewImage 预览分享图片结束之后 执行事件

最新推荐文章于 2023-05-08 10:49:49 发布
最新推荐文章于 2023-05-08 10:49:49 发布
阅读量1.8k 收藏
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LZhizi/article/details/105053327
版权

预览结束之后 会执行一遍 onshow 所以可以把执行事件写在onshow里面

/**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      personCanves: false
    })
  },
刘栀子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发问题之wx.previewImage
10-17
主要给大家介绍了关于微信小程序开发问题之wx.previewImage的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp预览图片后会触发页面的onShow生命周期，解决这个问题
qq_42444651的博客
05-06 2290
我遇到的问题是使用uni.previewImage(）API预览图片后，关闭图片会触发onShow生命周期，而我的onShow生命周期是有函数调用的，如果预览图片后直接调用onShow生命周期，会出现逻辑错误。 可以在data中设置一个变量showOrNot = true 在调用预览图片的函数中把该变量设置成false， 而在onShow生命周期中用一下判断 if(this.showOrNot){ 自己要调用的函数 } ...
微信小程序点击图片预览返回会触发onshow的处理方法(简易版)
egg_MuscleMan的博客
11-06 4146
微信小程序点击图片预览返回会触发onshow的处理方法(简易版) 点击图片预览返回会触发onshow的处理方法 首先我们要知道onshow（）是每次显示页面的时候才会执行 当使用了下列api时，均会触发页面级和应用级的onShow 1.图片预览：wx.previewImage 2.拨打电话：wx.makePhoneCall 3.存入通讯录：wx.addPhoneContact 4.播放视频 5.选择文件、图片 6.调起相机 7.分享 例子：分享个我用previewImage的时候触发onshow（）的解决方
wx.chooseImage方法和wx.previewimage预览返回会触发onshow的处理方法(微信小程序)
@芈文 的博客
08-03 2456
1、page外全局定义开关变量 var isonShow;2、在你需要调用 preivewImage 之前，将这个开关变量设置为 true isonShow= true; wx.chooseImage({})或者wx.previewImage({});3、onshow事件中： if (isonShow) { isonShow= false; return; }; ...
wx.previewimage再次点击图片关闭，弹窗会自动关闭问题
最新发布
B2689429488的博客
05-08 319
wx.previewimage再次点击图片关闭，弹窗会自动关闭问题
####小程序坑2—previewImage
migazhou的博客
04-03 1128
小程序的previewImage这个API官方是这么说的 它有三个function,分别为success,fail 与complete，当你调用这个API的时候，一定会触发complete这个函数，放大成功还能调用success,失败就调用fail代替success。但是坑来了！！当你想在关闭图片时触发一个事件该怎么办呢？该API并没有这个回调函数。 其实当你调用这个API的时候你的界面会触发o...
微信小程序wx.previewImage预览图片
03-29
小知识二.例子，配合轮播图使用效果更佳！（如图1）1.wxmlscroll-view scroll-y="true" swiper catchtap="onSwiperTap" autoplay="auto" interval="3000" duration="500" current="{{swiperCurrent}}" bindchange .....
微信小程序wx.previewImage预览图片实例详解
08-28
下面通过实例代码给大家讲解了微信小程序wx.previewImage预览图片功能,需要的朋友可以参考下
微信小程序 预览图片 wx.previewImage
liuxiaocaie的博客
12-06 1307
<view class="container"> <block wx:for="{{list1.data}}" wx:for-index="childindex" wx:for-item="itemx" wx:key="id"> //主要代码 ,获取父级下标用以多级判断点击的是哪 <view wx:for="{{itemx.image}}" wx:key="index" wx:for-item="image" cl..
wx.previewimage预览返回会触发onshow的处理方法
皮皮虾的博客
06-21 6979
1、page外全局定义开关变量 var a; Page({})2、onshow事件中： if (a) { a = false; return; }3、在你需要调用 preivewImage 之前，将这个开关变量设置为 true a = true wx.previewImage({})...
微信小程序开发中遇到的问题之wx.previewImage
weixin_34138377的博客
12-25 1302
　　wx.previewImage是微信小程序官方提供的预览图片功能的api。在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。 　　那么他有哪些坑呢？ 　　我遇到的问题藏得比较深，我是在使用wxParse解析富文本时发现的。wxParse在解析img时会给它加上点击事件，那么这个点击事件是什么呢？图在下面： 　　 　　从中可以看到是微信的图片预览功能。其中th...
微信小程序图片预览保存发送给朋友previewImage
开心大表哥
01-18 5702
先看看手机上的效果 js实现的代码： wx.previewImage({ current: app.globalData.URL + res.data.data.imageUrl, // 当前显示图片的http链接 urls: [app.globalData.URL + res.data.data.imageUrl] // 需要预览的图片ht
微信小程序图片预览wx.previewImage
qq_36926807的博客
07-23 8512
在开发小程序时经常会碰到图片预览的问题，那如何实现呢？请看下面： wxml: &lt;swiper indicator-dots='{{Idxdots}}' indicator-active-color='red' indicator-color='white' autoplay='true' duration='500' interval='2000'&gt; &lt;block wx:f...
mui.previewimage实现图片预览效果并且图片可左右滑动
墨墨碳的博客
06-13 5846
首先看一下效果图： 正常的图片列表 点击图片后的预览图 预览图左右滑动时 用到的插件是： 1.mui.css 2.mui.js 3.mui.previewimage.js 4.mui.zoom.js data-preview-src： 设置的是放大后的图片路径，默认可以为空就是当前图片 data-preview-group： 图片分组，用处是图片放大之后左右滑动的图片组，如果需要图片放大之后...
小程序 预览 多张图片时 实现直接滑动的效果
qq_42112846的博客
01-25 2733
首先我们应该将所用到的图片数组进行转化 在onload当中我们去调用微信提供的获取网络路径图片的方法 for(var i=0;i&lt;this.goods.imgs.length;i++){ console.log(i) this.clipImg2(this.goods.imgs[i].thumb, this); } //如上我们将，得到的图片...
小程序wx.previewImage查看图片再次点击返回时重新加载页面问题
王吉吉的博客
11-26 2812
wx.previewImage预览图片再次点击返回到页面重新加载页面问题 解决问题要追究根底，wx.previewImage预览图片这个过程到底发生了什么？ 首先我们点击图片预览，附上查看图片代码： 打印结果是，在点击图片预览时触发了onHide函数 那么再次点击图片返回到页面会发生什么呢？ 我次奥，原来再次点击图片会触发onShow函数，而我在onShow函数里写了调用接口返回后端数据，加载页面数据等等，怪不得会重新加载页面。难道我得放弃onShow函数了？那是不可能的，解决办法如下： 一、在pag
微信小程序全屏预览视屏、取消全屏预览
胖太乙
01-19 3824
前言 bindfullscreenchange 函数可以监听到视频进入和退出全屏时的事件， 利用次函数，可以实现全屏预览和取消全屏预览的功能。 首先看下bindfullscreenchange回调的参数有哪些： 当全屏时： {fullScreen: true, fullscreen: true, direction: "vertical"} 当取消全屏时： {fullScreen: false, fullscreen: false, direction: "vertical"} 所以， 我
小程序图片点击预览
weixin_42289137的博客
08-31 1173
1.点击单张预览 <view class='top'> <image src="{{discount.imgPath}}" bindtap='imgYu'></image> </view> //图片点击事件 imgYu: function (event) { var that=this; var src = that.data.discount.imgPath;//获取data-src var imgList = [

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值