微信小程序调用相机或者图库实现扫描二维码或者条码的文档教程

您所在的位置:网站首页 照片生成扫描件的微信小程序 微信小程序调用相机或者图库实现扫描二维码或者条码的文档教程

微信小程序调用相机或者图库实现扫描二维码或者条码的文档教程

2024-07-02 20:21:34| 来源: 网络整理| 查看: 265

最近在做一个产品项目,程序是需要扫描条形码然后跟后台某个接口返回值,其实微信小程序就有一个扫码识别的API,下面一起来看看:

wx.scanCode(Object object)

调起客户端扫码界面进行扫码。

index,js代码: 代码语言:javascript复制//获取应用实例 const app = getApp() Page({ data: { scanCodeMsg: "", }, scanCode: function() { var that = this; wx.scanCode({ //扫描API success(res) { //扫描成功 console.log(res) //输出回调信息 that.setData({ scanCodeMsg: res.result }); wx.showToast({ title: '成功', duration: 1000 }) } }) } });index.wxml代码:代码语言:javascript复制     条形码          

这样代码就已经实现了,剩下的就是美化页面,这个自行解决吧,毕竟每个应用的场景不同。

最后在查看下官方 wx.scanCode(Object object) 文档参数,来源微信开放文档。

参数 Object object

属性

类型

默认值

说明

onlyFromCamera

boolean

false

是否只能从相机扫码,不允许从相册选择图片

scanType

Array.

['barCode', 'qrCode']

扫码类型

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

object.scanType 的合法值

说明

barCode

一维码

qrCode

二维码

datamatrix

Data Matrix 码

pdf417

PDF417 条码

object.success 回调函数

参数 Object res

属性

类型

说明

result

string

所扫码的内容

scanType

string

所扫码的类型

charSet

string

所扫码的字符集

path

string

当所扫的码为当前小程序二维码时,会返回此字段,内容为二维码携带的 path

rawData

string

原始数据,base64编码

res.scanType 的合法值

说明

QR_CODE

二维码

AZTEC

一维码

CODABAR

一维码

CODE_39

一维码

CODE_93

一维码

CODE_128

一维码

DATA_MATRIX

二维码

EAN_8

一维码

EAN_13

一维码

ITF

一维码

MAXICODE

一维码

PDF_417

二维码

RSS_14

一维码

RSS_EXPANDED

一维码

UPC_A

一维码

UPC_E

一维码

UPC_EAN_EXTENSION

一维码

WX_CODE

二维码

CODE_25

一维码

以上就是关于微信小程序扫描二维码的相关介绍,希望文章对你有所帮助,以上代码来源网络,有问题欢迎留言反馈!



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭