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

在小程序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

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值