因为工作原因,需要调取阿里云OCR身份证识别,但是阿里云给的请求示例都是后台调用的代码,由于特殊原因,我需要的是前台JS调用,所以决定自己尝试一下,最后成功调用了,废话不多说,直接上代码。

var json = {

"image":imp,

"configure": "{\"side\":\"face\"}"

};

$.ajax({

crossDomain: true,

beforeSend: function(req) {

req.setRequestHeader("Content-Type", "application/octet-stream; charset=utf-8");

req.setRequestHeader("Authorization", "APPCODE AppCode值");

},

type: "POST",

url:"http://dm-51.data.aliyun.com/rest/160601/ocr/ocr_idcard.json",

dateType:"JSON",

data: JSON.stringify(json),

error: function(request) {

alert("识别失败,请重新上传照片或手动输入");

},

success: function(data) {

var obj = JSON.parse(data);

document.getElementById('Name').value = obj.name;

document.getElementById('sex').value = obj.sex;

document.getElementById('national').value = obj.nationality;

document.getElementById('IdCard').value = obj.num;

document.getElementById('address').value = obj.address;

}

});

{

"image": "图片二进制数据的base64编码",

"configure": "{\"side\":\"face\"}" #正面/反面:face/back

}

这些说明了Ajax的type,url 及 dateType,由于存在跨域问题,于是在Ajax中添加了crossDomain: true,但是发现还存在appcode认证问题,还好阿里云提供了一个调试工具,在调试工具中调试后发现,appcode是写在headers中的,且它的Content-Type为application/octet-stream; charset=utf-8,于是在Ajax中添加了:

beforeSend: function(req) {

req.setRequestHeader("Content-Type", "application/octet-stream; charset=utf-8");

req.setRequestHeader("Authorization", "APPCODE AppCode值");

}

这样就可以正常的传值了,最后再对传回的值做处理就可以了。

js如何实现扫描身份证识别_JS调用阿里云OCR身份证识别相关推荐

  1. uniapp 调用阿里云OCR行驶证识别

    1.阿里云-文字设别-行驶证设别 印刷文字识别-行驶证识别/OCR文字识别(限时特惠,折扣享不停)[最新版]-云市场-阿里云 2. 购买完后 获取AppKey AppCode数据 3.前端页面 4.完 ...

  2. 阿里云OCR身份证信息识别

    阿里云OCR身份证信息识别 这里使用的是base64 public JSONObject getCard(MultipartFile file) {String host = "https: ...

  3. 阿里云OCR图片识别

    阿里云OCR图片识别 请求参数(Body) 请求示例(java) 正常返回示例 错误码定义 阿里云OCR图片识别: 单字识别,表格识别,旋转功能 准备条件:阿里云OCR图片识别API购买,初次购买1分 ...

  4. 阿里云 OCR身份证识别Api 使用(一)

    最近项目更新使用拍照识别身份证功能,为了省去用户手动输入身份证号码信息等. 从网上搜了一些方案,发现阿里云的非常便宜,果断采用. 但是没有android 的官方案例 ,只能自己搞了. 首选OCR 识别 ...

  5. python 智能识别 商品_阿里云货架商品识别与管理Python SDK使用示例-阿里云开发者社区...

    概述 货架商品识别与管理(Retail Image Recognition)是基于深度学习.图像检测.图像识别等技术,为新零售品牌商/经销商提供AI商品识别能力的阿里云产品:适用于货架商品识别.陈列识 ...

  6. 阿里云OCR证件识别商业化发布,减少人工审核误差节省成本

    随着互联网的发展,利用现代信息技术开展高效快捷便民服务工作,已经势在必行.证件识别算法,极大地提高了办公效率,现已在互联网金融.银行保险.电信通讯运营商.智能交通.政府.航空.社保局等行业领域被广泛运 ...

  7. 阿里云ocr身份证识别接口调用

    1.阿里云界面点击搜索ocr,选择文字识别,开通服务,默认已登录阿里云账号 2.选择个人证件识别,身份证识别(每个月赠送200次体验) 3.点击产品文档 4.下拉到最后,选择RecognizeIdca ...

  8. 关于调用百度云OCR身份证识别接口,用Java语言,识别结果缺少身份证号码的问题解决

    问题描述: 最近项目系统开发,使用到了相关证件的信息提取.识别,由于是学校科研使用,选择了百度云OCR文字识别的API.具体的相关识别身份等证件的代码将在另一篇文章中叙述,最近真的太忙了,草稿箱中还有 ...

  9. 阿里云OCR图片识别使用流程

    1.创建阿里云账户 2.开通服务 3.购买资源包 4.获取密钥 5.使用 private static final String accessKeyId = "";private ...

  10. 微信小程序使用阿里云ocr识别名片信息

    事先说明,博文中只是一个简单的demo.阿里云的ocr识别有一定误差,图片的清晰光暗程度也会影响识别结果. 更完善的ocr识别名片程序,本人有两种想法: 一种是使用全能名片王的api,有收费部分. 一 ...

最新文章

  1. python之⾯向对象基础
  2. vim介绍,vim颜色显示,vim一般模式下移动光标,vim一般模式下的复制、剪切和粘贴...
  3. python搜题软件-智慧职教mooc的APPPython程序设计基础章节测验答案
  4. javascript 二级动态下拉菜单选项
  5. mysql5.7 首次登陆_mysql5.7.20第一次登录失败的快速解决方法
  6. 六十七、Leetcode数组系列(下篇)
  7. spring14-----AOP之通知参数
  8. i5老是显示无服务器,为什么懂电脑的人选择买i5处理器,而不是i7,背后的真实原因?...
  9. scare机器人如何手眼标定_基于视觉伺服的工业机器人系统研究(摄像机标定、手眼标定、目标单目定位)...
  10. 简洁的网页跑丢了动态动画404页面源码
  11. [Android 泥水匠] Android基础 之一:浅谈Android架构到HelloWorld案例的剖析
  12. Android系统中震动功能的测试
  13. springboot 整合 storm 无法使用注解获取 Ioc 里的 bean,获取不到 spring 上下文 applicationContext
  14. winfrom中出现 配置系统未能初始化
  15. C语言学习-翁凯(第十章笔记)
  16. Excel单元格显示数据与实际数据不一致的设置与清除
  17. 2010-2011年美国大学综合排名
  18. Unity5权威讲解 笔记
  19. NoScope:极速视频目标检测
  20. 数据服务器怎么进行日常维护

热门文章

  1. 整理一些ChartControl控件属性
  2. 怎么从altera官网下载那款fpga芯片数据手册
  3. DB9串口定义及含义
  4. 【SAP消息号AA776】
  5. 杀毒软件 McAfee 创始人狱中身亡,75 年传奇人生画下句号
  6. pp助手|pp助手下载
  7. 读了王兴一万条饭否,我想送你几十本《王兴的一万条饭否》
  8. Python实现简单爬虫:爬取法律法规网数据库信息并分类写入word保存
  9. 4G模块UICC逻辑通道入口+CGLA
  10. 你的计算机无法启动一键还原,电脑一开机就进入dos之家的一键还原硬盘版,无法进入系统...