微信小程序长按识别图片二维码

如何微信小程序实现长按识别图片二维码

方法一：使用小程序提供的image组件，image组件上有一个show-menu-by-longpress的属性，设置为true，当image被长按时会弹出选择菜单 方法二：当图片预览时，长按图片会弹出菜单：

设置show-menu-by-longpress=\\\"true\\\"即可，长按图片后会弹出一个菜单，若图片中包含二维码或小程序码，菜单中会有响应入口 官方说明

如何微信小程序实现长按识别图片二维码

有两种方式，第一种是在页面直接长按识别，第二种是预览图片，然后识别。 第一种实现：直接在页面中长按识别二维码 在图片组件中添加 show-menu-by-longpress=\\\"{{true}}\\\" ； 示例代码 第二种实现：放大预览图片后，长按识别二维码

目前小程序放群二维码，长按识别 【支持】企业个人微信二维码 【不支持】企业微信群固定码 【支持】企业微信群码（7天过期） 【支持】个人微信码 【支持】微信群码二维码 微信小程序中长按识别二维码_猫老板的豆的博客-CSDN博客_小程序长按识别二维码 小程序内嵌二维

来自于：uniapp 微信小程序长按识别二维码，跳转小程序、个人微信_uniapp长按图片识别二维码-CSDN博客

效果：页面加载时生成二维码，点击二维码弹出图片，长按图片可保存。 借鉴了一个大佬的文章https://www.zhangshengrong.com/p/q0arZ9J4ax/#google_vignette

小程序开发中要实现长按识别二维码的功能很简单，只需要在image标签里添加如下属性即可： 小程序版本： show-menu-by-longpress=\\\"{{true}}\\\" uniapp版本： :show-menu-by-longpress=\\\"true\\\" 举例： 小程序版本： image show-menu-by-longpress=\\\"{{true}}\\\" :src=\\\"src\\\" mode=\\\"widthFix\\\" / uniapp版本： image :src=\\\"src\\\" mode=\\\"

属性 类型 默认值 必填 说明 show-menu-by-longpress boolean false 否 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。 支持长按识别的码 ✅ 小程序码 ✅ 微信个人码 ✅ 企业微信个人码 ✅ 普通群码

结果：可以禁用 结果：无法禁用 在这里插入图片描述 结果：无法显示菜单。 draggable=\\\"false\\\" + -webkit-touch-callout: none; 能使图片失去响应 参考社区回答：https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400

目录 前言 一、使用哪种api？ 二、对图片的处理需要转化为临时路径 三、Windows端兼容性问题 最近在公司开发一个微信小程序项目，用到的uniapp技术，在分享图片时，查看了uniapp的技术文档，写的还是很粗糙的，说得不太清楚，在我看了一个下午得出了一个结论，uniapp并没有

1.最重要的就是一个函数uni.scanCode() 下边是我的代码可以直接使用 上述代码就直接实现了扫描功能很简单记得定义下扫描结果！有啥问题随时@我

canvas.js //获取应用实例 const app = getApp() Page({ /** 页面的初始数据 */ data: { // canvas _width: 0, //手机屏宽 _heigth: 0,//手机屏高 swiperHeight: 300,//主图图片高度 canvasType: false,//canvas是否显示 loadImagePath: ‘’,//下载的图片 imageUrl: ‘https://cos.myfaka.com/car/service/1.jpg’, //主图网络路径 codeU