发布时间: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>