用uni.previewImage({}) 来直接做图片的预览和识别二维码

需求：
客户要求用户不用截图保存，通过直接用手机识别二维码关注，所以，这就需要我们进行图片的预览即可以解决。

<image src="https://lr-huayoushi.oss-cn-beijing.aliyuncs.com/image/2021-11-26/a6309282ce18e50eb0f8e725763d28b8.jpg" mode=""  @click="previewImage" ></image>method:{```c
previewImage(e){uni.previewImage({urls: ["https://lr-huayoushi.oss-cn-beijing.aliyuncs.com/image/2021-11-26/a6309282ce18e50eb0f8e725763d28b8.jpg"], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了current: 'https://lr-huayoushi.oss-cn-beijing.aliyuncs.com/image/2021-11-26/a6309282ce18e50eb0f8e725763d28b8.jpg', // 当前显示图片的http链接，默认是第一个success: function(res) {console.log(res)},fail: function(res) {},complete: function(res) {console.log(res)},
})
}

效果图：

1.如果打开一个图片列表，可以这样来使用

data(){return{imageList:['']}
}
preview(){let _this=this;//这里直接把图片列表的数组放入即可uni.previewImage({current:'',urls:_this.imageList,indicator:'default',loop:true,success:function(res){console.log(res)}})
},

用uni.previewImage({}) 来直接做图片的预览和识别二维码相关推荐

微信小程序-预览图片识别二维码
wx.getImageInfo(Object object) 获取图片信息.网络图片需先配置download域名才能生效. 测试图片地址:http://mmbiz.qpic.cn/mmbiz_png/ ...
uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片
uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片富文本一定要使用uniapp提供的<rich-text>标签,不要使用 v-html 因为<rich-text> ...
webview长按图片识别二维码
webview长按图片识别二维码第一次写博客,主要是做这个功能是临时让加的功能,当时一头雾水,就想着用zxing,但是具体怎么做也不太清楚,然后就查了很多资料,所以在此记录一下. 导入zxing包 ...
Android利用zxing生成二维码，识别二维码，中间填充图片超详细、超简易教程
gayhub上的zxing可用于生成二维码,识别二维码 gayhub地址:https://github.com/zxing/zxing 此文只是简易教程,文末附有完整代码和demo下载地址,进入正题: ...
IOS手机长按图片无法弹出识别二维码
在 h5 中长按图片二维码会弹出识别结果,有保存.分享.以及二维码中包含的跳转链接等,会引导我们点击跳转.当小程序中使用 web-view 嵌套时,该图片亦能长按识别. 以上功能在安卓上没有问题,但是 ...
微信长按图片无法弹出识别二维码选项解决方案
1.首先页面中有两个二维码的兄弟别忙活了,一个页面中只可以识别其中一个二维码,两个的话需提示用户双击放大二维码进行二维码识别. 2.网页内有一张图片进行二维码识别时长按没有反应(长按图片无法弹出识别二 ...
树莓派python识别二维码_Zbar树莓派二维码（QR）识别（基于图片）
注意:如果二维码太小的话,zbar是很难识别的,这也是我在公司解决的问题(不然随便调用下zbar就解决问题了,图像算法工程师就没有存在的必要了,下文虽然是一个通用的解决方案,但对一般识别应用场景来说是 ...
图片识别二维码，二维码的黑白格线是怎么组合的？
图片识别二维码,同一信息多次生成二维码,生成的二维码的构造是一样的吗? 近十年来,我国电子信息技术飞速发展,在这个通信技术高速发展的时代,产生的众多产品对我们的生活产生了重大的影响,它们让我们的生活变 ...
长按识别图片变大，且可进行拖拽导致无法长按识别二维码
项目场景: 苹果系统在H5长按识别二维码问题描述: 长按识别图片变大,且可进行拖拽导致无法长按识别二维码. 同类问题:微信公众号二维码长按识别时,不是识别,而是放大解决方案: 加一个图片禁止拖拽脚 ...

用uni.previewImage({}) 来直接做图片的预览和识别二维码

用uni.previewImage({}) 来直接做图片的预览和识别二维码相关推荐

最新文章

热门文章