uniapp扫码和生成二维码 qrcodejs 实现详解

本文详细介绍了在uniapp中如何实现扫码功能，并通过qrcodejs库来生成二维码。首先，强调了在uniapp真机调试中扫码的注意事项，包括对扫码类型的要求和可能遇到的问题。接着，讲解了qrcodejs的下载和使用方法。最后，提供了真机调试的步骤，包括开启手机开发者模式、USB调试和选择运行目标的操作指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.扫码

官网：uniapp官网-扫码

在HBuilderX中建议使用真机进行调试（真机调试步骤请看第3点），运行成功后方可扫码，在这里进行了限制。需要注意的只有一点，res.scanType 打印出来一定要是"QR_CODE" 字段，就表示是正常的二维码类型，如果打印出来是 “UPC_E” 那么说明此二维码有问题。排除二维码出错的情况下有两种可能性，其一是二维码太模糊，其二是生成二维码时数据太多，二维码过于杂乱。如果是前者的话，建议你调高清晰度，或者打印机打印时调高深度（打印机可选项），后者的话，建议你在生成二维码的时候删除一些无关紧要的属性。以下代码复制即用

<i class="iconfont icon-saoma" @click="openScan"></i>

openScan () {
		  // #ifndef MP-WEIXIN || APP-PLUS
		  uni.showToast({
		    icon: 'none',
		    title: '扫码只支持App和小程序'
		  });
		  return;
		  // #endif
		
		  // 允许从相机和相册扫码
		  uni.scanCode({
		    success: res => {
		      console.log('条码类型：' + res.scanType);
		      console.log('条码内容：' + res.result);
		      if (res.result.substr(0, 1) != '{') {
		        console.log('坑点：解析二维码后第一个位置包含一个特殊字符，大部