更新记录

1.0.0（2024-12-20）

车牌离线识别插件（UTS版本）

平台兼容性

插件地址

车牌离线识别插件（UTS） - DCloud 插件市场

插件描述

车牌离线识别，UTS版本。

支持车牌颜色：蓝牌、白牌、黄牌、新能源、港澳黑牌等等。邮箱: skyl4537@qq.com

使用说明

1. 引入插件

import {getPlate} from '@/uni_modules/skyl-plate-uts';

2. 调用车牌识别方法

推荐使用 图片的绝对路径。

// 图片路径
let imgPath = ref('');
// 识别结果
let result = ref('识别中...');

// 车牌识别
const chooseImg = (type) => {
  uni.chooseImage({
    count: 1,
    sourceType: [type],
    success: function (res) {
      let filePath = res.tempFilePaths[0];

      // 获取图片的绝对路径
      let imgFullPath = plus.io.convertLocalFileSystemURL(filePath);
      console.log('绝对路径', imgFullPath);

      imgPath.value = imgFullPath;
      result.value = '识别中...';

      // 调用 UTS 插件的车牌识别方法
      let plate = getPlate(imgFullPath);
      result.value = plate;
      console.log('识别结果', plate);
    }
  });
}

3. 识别成功，返回数据格式

返回结果：code == 1，表示识别成功。

{
    "data": {
        "plate": "云LF17818",
        "color": "绿牌新能源",
        "confidence": 0.98
    },
    "code": 1,
    "msg": "success"
}

4. 识别失败，返回数据格式

{
    "code": 0,
    "msg": "未识别到车牌"
}

核心代码

<script setup>
import {ref} from 'vue';
import {getPlate} from '@/uni_modules/skyl-plate-uts';

// 图片路径
let imgPath = ref('');
// 识别结果
let result = ref('识别中...');

// 车牌识别
const chooseImg = (type) => {
  uni.chooseImage({
    count: 1,
    sourceType: [type],
    success: function (res) {
      let filePath = res.tempFilePaths[0];

      // 获取图片的绝对路径
      let imgFullPath = plus.io.convertLocalFileSystemURL(filePath);
      console.log('绝对路径', imgFullPath);

      imgPath.value = imgFullPath;
      result.value = '识别中...';

      // 调用 UTS 插件的车牌识别方法
      let plate = getPlate(imgFullPath);
      result.value = plate;
      console.log('识别结果', plate);
    }
  });
}
</script>

<template>
  <view style="text-align: center;">
    <image style="height: 80vh; width: 100vw;" mode="widthFix" :src="imgPath"></image>
    <view style="padding: 15px;">识别结果：{{ result }}</view>
  </view>
  <view style="display: flex;flex-direction: row;">
    <button type="primary" @click="chooseImg('album')">选择图片识别</button>
    <button type="warn" @click="chooseImg('camera')">相机拍照识别</button>
  </view>
</template>

<style>
</style>

常见问题

Cannot find module

原因分析：没有成功导入该插件

解决方案：

1. 先确保 uni-app 项目中，已经创建了目录 uni_modules，如果没有，请先创建。创建方式详见下图
2. 然后，再重新导入该插件：点击【试用】，使用 HBX 导入

uni_modules/skyl-plate-uts is not found

原因分析：上线已经说的很清楚了，没有重新打包自定义基座。

解决方案：重新打包自定义基座。