图/文&＃xff1a;迷神

微信小程序提供基于小程序的通用印刷体 OCR 识别&＃xff0c;简单来说就是小程序可以拍照或者是选择图片&＃xff0c;然后小程序调用接口进行识别并返回识别内容。

分享这个&＃xff0c;主要的小程序官方ocr.printedText的demo&＃xff0c;比较随意&＃xff0c;很多细节一笔带过&＃xff0c;导致部分朋友可能不是很了解。这里主要是分享微信小程序云开发&＃xff0c;通用OCR识别图片识别为文字的2种模式用法。这也是同事开发遇到问题&＃xff0c;我就罗列下分享出来demo

小程序提供好几种OCR识别&＃xff0c;比如身份证OCR识别&＃xff0c;银行卡OCR识别&＃xff0c;驾照OCR识别&＃xff0c;以及 通用OCR识别图片识别&＃xff0c;大家有这个通用识别举一反三啦&＃xff0c;

Demo预览图&＃xff1a;

就是上传图片&＃xff0c;这个上传图片&＃xff0c;手机端是支持拍照和从相册进行选择的。

预览图

小程序上传界面

WXML按钮&＃xff0c;选择图片。

上传图片 {{item.text}}

JS部分

// pages/upload/upload.jsPage({ /** * 页面的初始数据 */ data: { }, printText(){ wx.chooseImage({ count: 1, sizeType: [&＃39;compressed&＃39;], sourceType: [&＃39;album&＃39;, &＃39;camera&＃39;], success (res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths &＃61; res.tempFilePaths var filepath&＃61;encodeURI(tempFilePaths[0]) //把文件转换成文件流的形式 let buffer &＃61; wx.getFileSystemManager().readFileSync(filepath) console.log(filepath) wx.cloud.callFunction({ //调用云函数 upload name:&＃39;upload&＃39;, data:{ //第一种上传到服务器方式 //imgUrl: encodeURI("https://www.toutiao.com/123.jpg") //第二种&＃xff1a;文件流的方式 file:buffer }, complete:console.log }) } }) }, //更多内容不列举了})

小程序的图片识别ocr.printedText&＃xff0c;有两种模式&＃xff0c;1种是就是url模式&＃xff0c;这个比较简单。还有一种就是上传文件的本地模式。需要传输文件流&＃xff0c;然后文件流转换为base64

小程序云函数部分

对应upload云函数部分。

// 云函数入口函数exports.main &＃61; async (event, context) &＃61;> { try { //第一种模式&＃xff0c;获取服务器地址 if (event.imgUrl) { var result &＃61; await cloud.openapi.ocr.printedText({ type: &＃39;photo&＃39;, imgUrl: event.imgUrl }) //第二种模式&＃xff0c;选择文件模式 } else { var result &＃61; await cloud.openapi.ocr.printedText({ type: &＃39;photo&＃39;, img: { contentType: &＃39;image/png&＃39;, value: new Buffer(event.file, &＃39;base64&＃39;) } }) } return result } catch (err) { return err }}

完整结构如下&＃xff1a;

结构

我们识别的图片为&＃xff1a;

识别图片

最终识别出来的文本内容为&＃xff1a;

识别结果

当然其他的小程序识别&＃xff0c;身份证OCR识别&＃xff0c;银行卡OCR识别&＃xff0c;驾照OCR识别&＃xff0c;大家可以自行修改下&＃xff0c;就可以了&＃xff0c;比较简单。有问题欢迎给我留言&＃xff0c;觉得不错&＃xff0c;记得关注迷神哦&＃xff0c;后续将会分享更多精彩内容。