#plus创建扫码控件

  1. const currentWebview = this.$mp.page.$getAppWebview();
  3. var barcode = plus.barcode.create('barcode', [plus.barcode.QR], {  
  4.     top:'100px',  
  5.     left:'0px',  
  6.     width: '100%',  
  7.     height: '300px',  
  8.     position: 'static'  
  9. });  
  10. //此处未演示扫码成功回调的地址设置，实际请参考HTML5Plus API自行处理  
  11. //注意扫码区域需为正方形，否则影响扫码识别率  
  12. currentWebview.append(barcode);
  14. barcode.start({
  15.     conserve: true,
  16.     filename: '',
  17.     vibrate: true,
  18.     sound: 'default'
  19. });
  21. /*
  22. *        type:条码类型
  23. *        code:读到的条码数据
  24. *        file：扫码成功的截图路径
  25. */
  26. barcode.onmarked = function (type, code, file) {
  27.       console.log(type, code, file, '2');
  28. }
  30. barcode.onerror = function (error) {
  31.       console.log(error, '2');
  32. }

#扫码控件预览

WechatIMG98.jpeg

#测试扫码

  1. 草料二维码：https://cli.im/
  2. 测试二维码网址：www.baidu.com
  3. 测试结果：
  4.     0 , www.baidu.com, _doc/barcode_005.jpg

#二维码数值

  1. QR: QR二维码，数值为0
  2. EAN13: EAN条形码标准版，数值为1
  3. EAN8: ENA条形码简版，数值为2
  4. AZTEC: Aztec二维码，数值为3
  5. DATAMATRIX: Data Matrix二维码，数值为4
  6. UPCA: UPC条形码标准版，数值为5
  7. UPCE: UPC条形码缩短版，数值为6
  8. CODABAR: Codabar条形码，数值为7
  9. CODE39: Code39条形码，数值为8
  10. CODE93: Code93条形码，数值为9
  11. CODE128: Code128条形码，数值为10
  12. ITF: ITF条形码，数值为11
  13. MAXICODE: MaxiCode二维码，数值为12
  14. PDF417: PDF 417二维条码，数值为13
  15. RSS14: RSS 14条形组合码，数值为14
  16. RSSEXPANDED: 扩展式RSS条形组合码，数值为15
  18. 备注：https://www.html5plus.org/doc/zh_cn/barcode.html#plus.barcode.QR

#官网API扫码

https://uniapp.dcloud.io/api/system/barcode

  1. uni.scanCode({
  2.   success: function (res) {
  3.     console.log('条码内容：' + res.result);
  4.     console.log('条码类型：' + res.scanType);
  5.     console.log('条字符集：' + res.charSet);
  6.     console.log('合法是返回：' + res.path);
  7.   }
  8. });
  1. 草料二维码：https://cli.im/
  2. 测试二维码网址：www.baidu.com
  3. 测试结果：
  4.     条码内容：www.baidu.com
  5.     条码类型：QR_CODE
  6.     条字符集：utf8
  7.     合法是返回：