APP开发-使用Vue3+vant+html5+ 实现相机拍照,选取相册图片,裁剪图片以及提取图片中的文字等功能(三)

本文介绍了如何在Vue3应用中结合Vant和HTML5实现相机拍照、选取相册图片、裁剪图片,并利用百度OCR技术提取图片中的文字。在页面初始化时自动调用OCR接口识别文字,用户还能点击编辑按钮手动修改。
摘要由CSDN通过智能技术生成

没用使用过Html5+请参考另一篇博客:如何在Vue项目里面使用Html5+

一、提取图片中的文字

对于文字识别的技术,百度OCR技术可以说是非常厉害了,不仅可以满足我们文字识别的功能,还有其它各种各样的识别功能。以下是从官网的部分截图,文档也是比较齐全的,所以我们在此使用百度OCR技术。
对于使用申请可以参考以下博客:
参考博客: https://blog.csdn.net/cyan_soul/article/details/109207114
百度OCR官网: https://ai.baidu.com/ai-doc/OCR/1k3h7y3db

在这里插入图片描述

1.1 在这个页面的主要操作是把上个页面裁剪好的图片展示出来,并且把图中文字识别出来并展示在输入框内,在页面初始化的时候我们就要调用百度文字识别接口,来识别我们图片中的文字。在文字展示的区域,用户还可以点击编辑按钮,来进行手动修改

html代码

<template>
  <div>
    <van-image class="scan_img" :src="imageUrl" alt="">
    </van-image>
    <div class="border-style scan">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值