uniapp长按图片识别二维码

引用:https://blog.csdn.net/weixin_48596030/article/details/125405779

<image :src="url" mode="widthFix" @click.self="previewImage"  show-menu-by-longpress="true" style="width: 350rpx;"></image>

image属性: show-menu-by-longpress 长按图片显示发送给朋友,收藏,保存图片,搜一搜,,,

遇到的问题:

  • 本地图片previewImage转圈
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);
			}
		});
	},
},

相关推荐

  1. uniapp图片识别

    2023-12-07 10:44:02       65 阅读
  2. uniapp——识别

    2023-12-07 10:44:02       39 阅读
  3. uniapp小程序——识别

    2023-12-07 10:44:02       35 阅读
  4. 前端自动生成识别跳转 Vue

    2023-12-07 10:44:02       49 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 10:44:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 10:44:02       106 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 10:44:02       87 阅读
  4. Python语言-面向对象

    2023-12-07 10:44:02       96 阅读

热门阅读

  1. uni-app实现返回刷新上一页

    2023-12-07 10:44:02       62 阅读
  2. Android 新增系统Apk/Service总结

    2023-12-07 10:44:02       58 阅读
  3. go-zero 开发之安装 goctl 及 go-zero 开发依赖

    2023-12-07 10:44:02       41 阅读
  4. [linux] 输出文本文件的最后一列并去重

    2023-12-07 10:44:02       61 阅读
  5. dockerdesktop 导出镜像,导入镜像

    2023-12-07 10:44:02       55 阅读
  6. 代码水水水水水水

    2023-12-07 10:44:02       49 阅读
  7. linux的权限管理

    2023-12-07 10:44:02       56 阅读
  8. Nginx的缓存配置与其他配置

    2023-12-07 10:44:02       60 阅读
  9. 计算机视觉(CV)技术的优势和挑战-AI生成版

    2023-12-07 10:44:02       51 阅读