小程序中图片点击预览、长按识别图中二维码的问题

通过自己的测试以及各类博客资料的查询，总结如下：
1.小程序中的图片不能识别除小程序码以外的二维码
2.并且仅在 wx.previewImage 中支持长按识别

官方文档（wx.previewImage组件）

html代码（这里我就简单的添加了一张图片做测试）

  <image src="/image/code.png" data-src='/image/code.png' bindtap='previewImage' ></image>

js代码

previewImage: function (e){console.log(1);var current = e.target.dataset.src;   //这里获取到的是一张本地的图片wx.previewImage({current: current,//需要预览的图片链接列表urls: [current]  //当前显示图片的链接})},

经测试，当预览的是本地的图片时，图片不能加载，只有来自于网上或者是通过手机相册选择、拍照获取的图片才可以成功显示，并且只能扫描小程序码

下面为二维码和小程序码的测试图

小程序中图片点击预览、长按识别图中二维码的问题相关推荐

点击复制以及长按识别图中二维码功能
功能介绍:1.点击复制按钮,复制指定内容:2.借助微信浏览器识别图中二维码.效果如图: 功能介绍点击复制功能前提:引入clipboard.js html <div class="g ...
小程序：长按识别图中二维码
在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能 1. API 小程序文档 - API - 媒体 - 图片 - perviewImage( ) : 在新页面中全屏预览图片.预览 ...
微信小程序长按图片，实现保存、转发、识别图中二维码
在小程序image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别但是通过wx.previewImage只能实现保存,转发,小程序只能识别小程序二维 ...
微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
cocoscreator实现微信内置浏览器点击图片识别图中二维码
最近在做一个微信内置浏览器的小游戏,小游戏中有一个二维码,需要用户点击长按二维码弹出系统识别二维码按钮. 下面是解决步骤: 1.cocoscreator是如何实现在浏览器中渲染游戏画面的看图中箭头处 ...
Vue实现长按图片识别图中二维码
Vue实现长按图片识别图中二维码思路:要想实现可以识别图片中的二维码,那必定是要将这张图进行上传操作,上传则需要file对象格式.不管是在H5还是APP中,展示的图片都是通过url的方式展示在img ...
仿商城商品生成分享海报图片和识别图中二维码并跳转商品详情页
购物商城里面的商品分享给朋友的时候会生成一张海报图片,图片上附带这二维码图片,朋友拿到这张图片扫描上面的二维码就可以进入商品详情页查看此商品了.今天来做一下这种功能,先生成商品海报图片,然后长按这张图 ...
swiper高度自适应_小程序 swiper 图片高度自适应+预览图片
一.概述: 在开发小程序的项目中,经常会用到swiper这个轮播组件,但是使用的时候会有一个问题,swiper系统会默认一个高度而且是px为单位的,如下: swiper { display:block ...
小程序实现图片的放大预览
1.项目需要,需要实现服务器下发的图片放大预览: 2.我参考别人的,主要是调整参数变量 https://www.jb51.net/article/127427.htm 3.我自己的,是写死的. var ...

小程序中图片点击预览、长按识别图中二维码的问题

小程序中图片点击预览、长按识别图中二维码的问题相关推荐

最新文章

热门文章