实现ocr上传图片识别各类证件

实现ocr上传图⽚识别各类证件
⼀ : 正常的⽂件上传还是正常的和后端联调 后端肯定是会告诉你返回⼀个图⽚路径的 不返回的话 也是⾃⼰去拼接的图⽚链接地址 也就是能直接在浏览器打开的地址 这⾥就不多做其他解释了
⼆:ocr能识别imgdata(也就是图⽚base64的形式) 也能imgUrl的形式 具体如下 :
当是base64的时候 你需要⼿动把图⽚地址转为base如下⽅法
<canvas id="canvas" ></canvas>
//⼀定要设置为let,不然图⽚不显⽰
let image = new Image();
//解决跨域问题
image.setAttribute("crossOrigin", "anonymous");
let imageUrl = this.imgurl//这⾥的是你的图⽚地址
证件识别image.src = imageUrl;
//load为异步加载
let that = this;
var canvas = ateElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
var context = Context("2d");
context.drawImage(image, 0, 0, image.width, image.height);
var quality = 0.8;
//这⾥的dataurl就是base64类型
var dataURL = DataURL("image/jpeg", quality); //使⽤toDataUrl将图⽚转换成jpeg的格式,不要把图⽚压缩成png,因为压缩成png后base64的字符串可能⽐不转换前的长!
// that.imgdata = dataURL
// 正则替换哈 imgData 为base64字符串
var imgdatabase64 = place(/^data:image\/\w+;base64,/, "");
这⾥的imgdatabase64就是你的转换为base64的了
当base64形式给ocr识别的时候
var fromData = new FormData();
fromData.append("type", 1); //1:⾝份证,2:车架号 3:车辆照⽚ 4:驾驶证 5:⾏驶证 6:车牌识别
fromData.append("imgData", imgdatabase64);//这⾥的imgData是当形式为base64的时候参数这⾥的imgdatabase64就是上⾯转换后的
//  console.log(imgdatabase64)
axios.post("api", fromData, )//这⾥就是你的接⼝  fromData就是上⾯的传参返回的就是具体信息了
当为图⽚地址的时候只需要
fromData.append("imgUrl", imgurl);  //传参名改为imgUrl就可以了其他⼀样
这样就可以了 由于ocr不管你上传啥图⽚都能返回成功 但是没有值⽽已

本文发布于:2024-09-21 22:26:48,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/3/383677.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:返回   地址   识别   时候   车架号
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议