一、效果：
文章来源：https://www.toymoban.com/news/detail-818210.html
二、实现：
【阿里官方】高精版OCR文字识别【最新版】-云市场-阿里云
文章来源地址https://www.toymoban.com/news/detail-818210.html
<template>
<view class="container">
<!-- 选择图片 -->
<button @click="imageOcrRecognition">选择图片</button>
<view v-html="content"></view>
</view>
</template>
<script>
import { pathToBase64, base64ToPath } from 'image-tools'//npm i image-tools --save
export default {
data() {
return {
content: '',
}
},
methods: {
imageOcrRecognition() {
const that = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: (res) => {
pathToBase64(res.tempFilePaths[0]).then(base64 => {
uni.request({
url: 'https://gjbsb.market.alicloudapi.com/ocrserve/advanced',
dataType: 'json',
header: {
'Authorization': `APPCODE 你的AppCode`
},
data: { img: base64.substring(base64.indexOf(',') + 1) },
method: 'POST',
success(res) {
console.log(res);
that.content = res.data.content;
}
})
})
}
})
},
},
}
</script>
到了这里，关于【uniapp】调用阿里云OCR图片识别文字：的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[C#]调用tesseact-ocr的traineddata模型进行ocr文字识别](https://imgs.yssmx.com/Uploads/2024/02/783178-1.jpeg)
