uni-app实现扫码

uni.scanCode(OBJECT)

调起客户端扫码界面，扫码成功后返回对应的结果。

平台差异说明

OBJECT 参数说明

scanType的合法值

success 返回参数说明

示例

// 允许从相机和相册扫码
uni.scanCode({
	success: function (res) {
		console.log('条码类型：' + res.scanType);
		console.log('条码内容：' + res.result);
	}
});

// 只允许通过相机扫码
uni.scanCode({
	onlyFromCamera: true,
	success: function (res) {
		console.log('条码类型：' + res.scanType);
		console.log('条码内容：' + res.result);
	}
});

// 调起条码扫描
uni.scanCode({
	scanType: ['barCode'],
	success: function (res) {
		console.log('条码类型：' + res.scanType);
		console.log('条码内容：' + res.result);
	}
});

复制代码

Tip

• App的扫码引擎，使用业内开源的通用扫码库，识别效率比不过微信、支付宝等商业扫码库。如需更强的扫码效果，支付宝等原生语言扫码插件：DCloud 插件市场，或uts插件：DCloud 插件市场
• App-vue如果想自定义扫码，可参考uni-app中如何使用5+的原生界面控件和plus.barcode API
• App-nvue，支持barcode组件，可自定义扫码界面。详见。App端自定义扫码界面，建议使用nvue方式。
• 微信小程序自定义扫码界面，可使用camera组件。详见
• 微信内嵌浏览器运行H5版时，可通过js sdk实现扫码，需要引入一个单独的js，详见
• 在扫码界面点击返回也会进入 fail 回调中
• 支付宝小程序不支持 success 回调中的charSet，path
• HX 3.4.4之后版本 android 新增 检测到 QR 码时自动放大功能，提升扫码识别率。