前言:
当前咱们对“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怎么调用接口