微信小程序长按图片，实现保存、转发、识别图中二维码

在小程序image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别
但是通过wx.previewImage只能实现保存，转发，小程序 只能识别 小程序二维码，别的不能实现。

show-menu-by-longpress：最重要的，在image里面加上这段。这样在当前页面下长按图片就可以实现了。

<image  show-menu-by-longpress src="{{url}}" data-src="{{url}}" bindtap="previewImage"></image>

Page({data:{url:''},previewImage(e){var cur=e.target.dataset.src;//获取本地一张图片链接wx.previewImage({current: cur, //字符串，默认显示urls的第一张urls: [cur] // 数组，需要预览的图片链接列表})}
})

如果上边做完，仍有问题，可以看看下边的注意事项！（以下注意事项不确定全都是）

1.如果需要识别二维码，那必须是小程序的二维码
2.图片路径中有中文无法显示图片
3.图片地址不能为http开头，否则图片只能在调试模式中显示，真机也必须开调试。
4.图片名称不能有空格
5.图片的后缀必须为小写的.png或者.jpg

转自：https://blog.csdn.net/sxs7970/article/details/104493039

微信小程序长按图片，实现保存、转发、识别图中二维码相关推荐

微信小程序长按图片发送给好友
问题描述微信小程序长按图片发送给好友解决方法直接在<image></image>标签添加:show-menu-by-longpress="true" ...
小程序：长按识别图中二维码
在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能 1. API 小程序文档 - API - 媒体 - 图片 - perviewImage( ) : 在新页面中全屏预览图片.预览 ...
cocoscreator实现微信内置浏览器点击图片识别图中二维码
最近在做一个微信内置浏览器的小游戏,小游戏中有一个二维码,需要用户点击长按二维码弹出系统识别二维码按钮. 下面是解决步骤: 1.cocoscreator是如何实现在浏览器中渲染游戏画面的看图中箭头处 ...
Vue实现长按图片识别图中二维码
Vue实现长按图片识别图中二维码思路:要想实现可以识别图片中的二维码,那必定是要将这张图进行上传操作,上传则需要file对象格式.不管是在H5还是APP中,展示的图片都是通过url的方式展示在img ...
仿商城商品生成分享海报图片和识别图中二维码并跳转商品详情页
购物商城里面的商品分享给朋友的时候会生成一张海报图片,图片上附带这二维码图片,朋友拿到这张图片扫描上面的二维码就可以进入商品详情页查看此商品了.今天来做一下这种功能,先生成商品海报图片,然后长按这张图 ...
点击复制以及长按识别图中二维码功能
功能介绍:1.点击复制按钮,复制指定内容:2.借助微信浏览器识别图中二维码.效果如图: 功能介绍点击复制功能前提:引入clipboard.js html <div class="g ...
微信小程序长按图片不出现菜单_微信小程序长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以,需要自己写这个功能. 这个功能有两个点,一个是长按,一个是保存图片到本地. 1. 微信小程序关于图片长按 ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
微信小程序长按图片不出现菜单_小程序-长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以.需要自己写这个功能.这个功能有两个点,一个是长按,一个是保存图片到本地. 1,.微信小程序提供了长按的事 ...

微信小程序长按图片，实现保存、转发、识别图中二维码

微信小程序长按图片，实现保存、转发、识别图中二维码相关推荐

最新文章

热门文章