微信小程序web-view 实现长按识别二维码

小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码

效果图:

html 代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="t-share">
			<img src="https://aikaoya.cloudlinks.com.cn/wq.jpg"></div>
		<div class="but">长按图片保存到相册,就能分享给好友啦~</div>
		<script language="javascript">
			
		</script>
	</body>
</html>

小程序代码:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    scene: 'https://aikaoya.cloudlinks.com.cn/wq.jpg',
    show_web: false,
  },
  previewImage: function (e) {
    wx.previewImage({
      urls: this.data.scene.split(',')
      // 需要预览的图片http链接  使用split把字符串转数组。不然会报错
    })
  },
  onLoad(option) {
  },
  click2() {
    this.setData({
      show_web: true
    })
  },
})
<web-view wx:if='{{show_web}}' src="https://aikaoya.cloudlinks.com.cn/test2.html"></web-view>

<button catchtap="click2">点击进入web-view</button>

<button catchtap="click3">点击二维码后长按识别</button>

<image class='img' bindtap="previewImage" src='{{scene}}'></image>
发布了387 篇原创文章 · 获赞 774 · 访问量 183万+

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/103602077