龙空技术网

通用文字识别免费接口使用教程

日暮笙歌 148

前言:

当前咱们对“jquery二选一按钮”大致比较注重,同学们都需要知道一些“jquery二选一按钮”的相关资讯。那么小编也在网摘上收集了一些对于“jquery二选一按钮””的相关内容,希望朋友们能喜欢,咱们快快来学习一下吧!

简介:

经常遇到图片文字识别需求,比如浏览器插件开发时候,验证码识别,文字识别等等,下面实例了解一下通用文字识别免费接口使用。

开发语言:JavaScript

前端工具库:jquery

免费接口地址和参数:

地址:

参数:二选一,img_base64_urlecode 或 upload-file.第一个参数是图片的base64转码后url编码,第二个参数是图片文件。

代码实例:

核心方法:

getBase64Image:把img标签转图片base64

imgIdentify:调用免费识别接口

 $("#bt3").click(function(){        let yzm=getBase64Image($("#kaptchaImage")[0])        yzm=yzm.split(',')[1]        yzm=encodeURI(yzm)        //console.log(yzm)        let yzmtext=imgIdentify(yzm)        console.log(yzmtext)        $("#checkcodeuser").val(yzmtext)    });function getBase64Image(img) {    var canvas = document.createElement("canvas");    canvas.width = img.width;    canvas.height = img.height;    var ctx = canvas.getContext("2d");    ctx.drawImage(img, 0, 0, img.width, img.height);    var dataURL = canvas.toDataURL("image/png");    return dataURL;}function imgIdentify(imgData){    console.log('正在进行验证码识别...')    var re='';     $.ajax({                     type:'POST',                     async: false,                     timeout:6000,                     url:';,                     dataType:'json',                     data:{"img_base64_urlecode":imgData},                     beforeSend:function(xhr){                         xhr.setRequestHeader('Authorization',appcode)                     },                     success:function(data2){                         console.log('验证码识别成功:',data2)                         re=data2.words_result[0].words                     },                     error:function(data){                         console.log('验证码识别异常:',data)                     }                 })    return re;}

标签: #jquery二选一按钮 #jquery二选一 #验证码识别接口免费 #jquery怎么调用接口