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

seo靠我 2023-09-25 03:08:32

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

效果图：

html 代码：

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

小程序代码：

Page({/*** 页面的初始数据*/data: {scene: https://aikaoya.cloudlinks.com.cn/wq.SEO靠我jpg,show_web: false,},previewImage: function (e) {wx.previewImage({urls: this.data.scene.split(,)// SEO靠我需要预览的图片http链接使用split把字符串转数组。不然会报错})},onLoad(option) {},click2() {this.setData({show_web: true})}, SEO靠我 }) <web-view wx:if={{show_web}} src="https://aikaoya.cloudlinks.com.cn/test2.html"></SEO靠我web-view><button catchtap="click2">点击进入web-view</button><button catchtap="click3">点击二维码后长按识别</buttonSEO靠我><image class=img bindtap="previewImage" src={{scene}}></image>

“SEO靠我”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题，请与我们联系删除或处理，客服邮箱：html5sh@163.com，稿件内容仅为传递更多信息之目的，不代表本网观点，亦不代表本网站赞同其观点或证实其内容的真实性。

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

最新发布