OCR -上传图片自动识别文字并填充

上传证件照片，自动识别证件上的文字信息，并填充在适当的位置

！！不是广告！！

这种技术叫 OCR文字识别

OCR（optical character recognition）文字识别是指电子设备（例如扫描仪或数码相机）检查纸上打印的字符，然后用字符识别方法将形状翻译成计算机文字的过程。
也就是对文本资料进行扫描，然后对图像文件进行分析处理，获取文字及版面信息的过程

像我们平时看到的上传身份证自动识别文字，以及上传票据，识别信息，自动填写，都是用的文字识别技术。

OCR技术产品：合合信息， TextIn(合合下的)，百度智能云，悦保科技

有兴趣的小伙伴可以自行研究一下，横向了解一下，对比之后从设计角度看到不通方案适用的场景。

我选择的是 TextIn 产品，他有个体验中心，可以先看到效果，再按需选择使用。

也有开放的集成api

总体感觉文章写的挺清晰明了的，免费试用的有1000张限额，如果只是作为了解测试，也够用了。
下面是我实现的效果，可以参考一下：

相关代码:

<template><div><el-upload class="upload-demo" action="//" :before-upload="before"><el-button size="small" type="primary" v-loading.fullscreen.lock="fullscreenLoading" class="mt20">点击上传</el-button></el-upload><el-card class="box-card mt20"><div slot="header" class="clearfix"><span>个人基本信息</span></div><p>证件类型: {{info.type_description}}</p><div v-for="(item, index) in info.item_list" :key="index"><p>{{item.description}}: {{item.value}}</p><!-- <img :src="'data:image/jpeg;base64,' + `${item.value}`" alt=""> --></div></el-card></div>
</template>
<script>
import axios from 'axios'
export default {data () {return {info: {},fullscreenLoading: false}},methods: {before (file) {this.fullscreenLoading = truevar that = thisvar reader = new FileReader()reader.readAsArrayBuffer(file) // 读取成二进制reader.onload = function (e) {var fileData = this.resultaxios.post('https://api.textin.com/robot/v1.0/api/id_card', fileData, {headers: {'x-ti-app-id': '911749fba5a76075774fdab8f14a165a','x-ti-secret-code': '348ddae947e609bcc48a8b7359834a90','Content-Type': 'application/octet-stream'}}).then((res) => {const { result, code } = res.datathat.fullscreenLoading = falseif (code === 200) {that.info = result}}, (err) => {console.log(err)}).catch((err) => {console.log(err.message)})}return false}}
}
</script>
<style>
.mt20 {margin-top: 20px;
}
</style>

OCR -上传图片自动识别文字并填充相关推荐

完全离线的OCR图片转文字识别工具Umi-OCR
OCR图片转文字识别软件,完全离线.截屏/批量导入图片,支持多国语言.合并段落.竖排文字.可排除水印区域,提取干净的文本.基于 PaddleOCR . 免费:本项目所有代码开源,完全免费. 方便:解压 ...
Stroke filter: 一种用于OCR预处理的文字滤波器
from:Stroke filter: 一种用于OCR预处理的文字滤波器近几个月我在一家公司的研发部做模式识别实习生,学习了很多OCR相关的知识和技术,在此谢谢陆老师,孙老师以及其它各位老师的指导, ...
python调用百度接口实现ocr识别_Python调用百度OCR实现图片文字识别的示例代码
百度AI提供了一天50000次的免费文字识别额度,可以愉快的免费使用!下面直接上方法: 首先在百度AI创建一个应用,按照下图创建即可,创建后会获得如下: 创建后会获得如下信息: APP_ID = '* ...
python 百度ocr安装_Python调用百度OCR实现图片文字识别的示例代码
百度AI提供了一天50000次的免费文字识别额度,可以愉快的免费使用!下面直接上方法: 首先在百度AI创建一个应用,按照下图创建即可,创建后会获得如下: 创建后会获得如下信息: APP_ID = '* ...
python图片转文字easyocr_Easy Screen OCR for Mac(文字识别转换工具)
原标题:Easy Screen OCR for Mac(文字识别转换工具) Easy Screen OCR for Mac(文字识别转换工具)带给大家!Easy Screen OCR文字识别转换工具可 ...
OCR手写文字怎么识别
在日常生活工作里面,有的时候发现自己幸苦写完的资料文件,经过打印后源文件不知不觉丢了,还有的快递公司每天花费时间录入运单,效率简直低的可怕,那怎么去解决这一问题呢,今天小编就来教大家一招. 第一步:打 ...
如何自动识别文字并提取？这三个方法教你搞定识别文字
我们在日常生活中,经常会使用到识别文字,比如在阅读书籍或者遇到一些精彩段落的时候,想要将其中的文字内容提取出来,却不知道如何操作,这时就可以使用一些支持识别文字的工具,来帮助我们进行识别并提取.那么你 ...
基于 ocr 的屏幕文字识别开源
基于 ocr 的屏幕文字识别.运行时截屏区域,进行文字识别. 下图为运行截图,识别网页内文字并输出到软件edit控件源码下载点击打开链接或git https://github.com/34471 ...
火山PC使用百度OCR接口识别文字
本源码转载自利快云https://www.lkuaiy.com/ 火山PC使用百度OCR接口识别文字一.需要调用的模块视窗基本类 MFC界面基本类火山模块二.百度OCR使用前准备百度OCR是 ...

OCR -上传图片自动识别文字并填充

！！不是广告！！

OCR -上传图片自动识别文字并填充相关推荐

最新文章

热门文章

OCR -上传图片 自动识别文字并填充

！！不是广告！！

OCR -上传图片 自动识别文字并填充相关推荐

最新文章

热门文章

OCR -上传图片自动识别文字并填充

OCR -上传图片自动识别文字并填充相关推荐