vue实现上传图片识别文字

配置代理

proxy: {'/baiduApi': {target: 'https://aip.baidubce.com', //访问地址changeOrigin: true,secure: false, //只有代理https 地址需要次选项pathRewrite: {'^/baiduApi': '',},},},

先获取token

//获取百度图片识别的tokenthis.axios.get('/baiduApi/oauth/2.0/token?grant_type=client_credentials&client_id=KXBwgOkyn6H&client_secret=32uqmGIdHqD7RcrBRkVRG&',{headers:{dataType:'json'}}).then(res =>{if(res.status ==200){this.access_token = res.data.access_token;}})

拿着上面获取的token去上传文件

<el-uploadaccept="image/png,image/jpg"action="contractaches/uoadBatch"class="upload-demo"drag:headers="viewData.myHeaders"multiple:on-success="handleAvatarSuccess"><el-iconclass="el-icon-upload"style="font-size: 40px; margin-top: 40px"><upload-filled /></el-icon><div class="el-upload__text">将文件放在此处或<em>点击上传</em></div><template #tip><div class="el-upload__tip">jpg/png 大小小于500kb的文件</div></template></el-upload>

将图片转成base64再切割上传去识别

  const handleAvatarSuccess = (res, file) => {console.log(res, file)viewData.imageUrl = URL.createObjectURL(file.raw)console.log(viewData.imageUrl)var fileObj = file.rawvar reader = new FileReader()reader.readAsDataURL(fileObj)reader.onload = () => {viewData.fileData = reader.resultviewData.fileData = viewData.fileData.split(',')viewData.fileData = viewData.fileData[1]var form = new FormData()// 文件对象form.append('image', viewData.fileData)form.append('access_token', viewData.access_token)imageExtract(form).then((res) => {console.log(res)})}}

感谢大佬

vue实现上传图片识别文字相关推荐

识别文字的软件哪个好呢？不如试试这几款
很多小伙伴都在求助说,自己使用过不少的文字识别软件,但识别文字的效果大都不尽人意,不是上传图片后因为文本内容较多导致识别失败,就是识别出来的文本与原文千差万别.那到底根据图片识别文字的软件有哪些呢?有 ...
Vue+Element-UI 上传图片，打开相机，相册
Vue+Element-UI 上传图片,打开相机,相册 Element-UI中提供的Upload组件,是用来上传文件用的,并没有单独的纯用来上传图片的组件,所以,在部分浏览器(手机)中,打开后会发现是 ...
如何批量图片识别文字？两个好用的电脑端软件教程
如何批量图片识别文字?无论是我们拍摄课堂上的PPT,还是我们日常的一些文字截图.这些文字都是图片文字,很不利于于我们整理复习.如果我们要是一个一个打字的话将会很耽误时间,实际上我们完全可以借助一些工具 ...
手机端有没有好用的图片识别文字工具值得推荐？
图片转文字,用到的就是OCR识别技术,针对网络上复杂字体实现精确识别功能,经常用于社交.电商.学习等场景.传统的将图片识别文字的方式选择手动书写,随着AI智能技术的应用,以OCR智能识别工具由于使用简 ...
我们怎样识别图片上的文字？图片识别文字软件有哪些？
在日常生活中,大家都会保留很多照片.比如老师上课的PPT.上班办公的文档.随手截取的网页图片等等.这些有时候是因为我们来不及记录,而拍照作备用的,后期还需要我们去手写抄录.其实这效率未免太慢了,如果可 ...
识别文字什么软件？这几个实用的文字识别软件值得收藏
现在随着科技的发展迅速,以前我们费尽心思做到的事情,现在一秒钟就能够完成.比如:文字识别,以前的我们总是一个字一个字的慢慢输入,现在我们可以借助识别文字的软件就能够轻松解决,而且识别的准确度也比较的高 ...
这篇文章让你学会根据图片识别文字
随着科技的不断发展进步,越来越多的文字信息包含在了图片中,如果某一天我们需要将图片里的文字提取出来,应该怎么做呢?有人会说:"手打输入".而这不是一个好办法,因为它只能应对数量不多 ...
有什么实用的拍照识别文字技巧？电脑怎么拍照识别文字
相信大家在日常生活中都会用手机拍照的方式来记录信息吧,例如在看电视时看到有用的知识,来不及记录就会用手机拍下,但是时间一久,照片日渐累积,当我们需要找其中某一张照片的内容时,总是需要在相册里翻找半天, ...
带你用VUE实现上传图片效果
摘要:在逛b站时看到一个上传图片的效果,想着可以自己也做一个,因为原作者是用原生js写的,那我不如就用vue写好了,当然,是一个很小的东西,在HTML文件直接引用vue就好了,详细步骤如下~ 本文分享 ...
【Python】轻松识别文字，这款Python OCR库支持超过80种语言
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达本文转自|Python大数据分析什么是OCR? 有一款软件叫扫描全 ...

vue实现上传图片识别文字

vue实现上传图片识别文字相关推荐

最新文章

热门文章