小程序长按识别二维码, 网页在小程序中长按识别二维码,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>