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

发布时间:2025-12-09 16:02:10 浏览次数:8

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

效果图:

html 代码:

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

 

需要做网站?需要网络推广?欢迎咨询客户经理 13272073477