博客

1.html代码：

<image 
	show-menu-by-longpress="true" 
	@click="previewImage" 
	src="../../static/img/gzh01.jpg">
</image>

image属性：show-menu-by-longpress 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单

2.js代码：

methods: {
	//长按识别二维码
	previewImage(e) {
		uni.previewImage({
			// 需要预览的图片链接列表。若无需预览，可以注释urls
			urls: [e.target.src],
			// 为当前显示图片的链接/索引值
			current: e.target.src,
			// 图片指示器样式	
			indicator: 'default',
			// 是否可循环预览
			loop: false,
			// 长按图片显示操作菜单，如不填默认为保存相册
			longPressActions: {
				itemList: [this.l('发送给朋友'), this.l]
			},
			success: res => {
				console.log('previewImage res', res);
			},
			fail: err => {
				console.log('previewImage err', err);
			}
		});
	},
},

效果如图所示：