vue3文字识别

安装Tesseract.js库

pnpm i tesseract.js

调用

// 上传后
async function uploadSuc(e) {
  const { url } = e.response.data[0]
  // recognize 第一个参数：图像，第二个：语种
  const res = await Tesseract.recognize(
    url,
    'chi_sim', // 中文
    {
      logger: (m) => console.log(m), // 日志函数
    },
  )
  console.log('识别后--->', res)

  // 识别后续处理
  // 使用更新后的正则表达式匹配所有 dataField 的值
  const regex = /{dataField:\s*[“"‘']([^“"‘’'”\n]+)[”"‘']/g
  const tex = res.data.text
  const dataFields: any = []
  let match
  while ((match = regex.exec(tex)) !== null) {
    const replaced = match[1].replace(/\s+/g, '_')
    dataFields.push(replaced)
  }

  // 展示使用识别结果实现批量添加的效果
  props.source
    .filter((iv: any) => dataFields.includes(iv.dataField))
    ?.forEach((iv2: any, index2: number) => {
      exportParamList.value.push({
        dataFieldName: iv2.dataFieldName, // 
      })
    })
}