Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息

  客户要求用身份证图片上传获取身份证的详细信息就下来研究了一下(现在的客户真的懒 身份证信息都懒得输入了哈哈...),经过慢慢研究,果然皇天不负有心人搞出来了。这个借助的是腾讯的一个SKD  腾讯优图云人脸服务TencentYoutuYun.SDK.Csharp 这个DLL文件从github下载dll文件,并添加到你项目引用里,本sdk依赖Newtonsoft.Json,也需一起引用。

1、主要用到里面的一个封装类:OCR,现在来看一下里面的参数信息

Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息_第1张图片

 

PlanRegGuest_OCR这个类就封装了身份证里面的一下详细信息

Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息_第2张图片

 

其中

 public string City { get; set; } 城市

public int? Age { get; set; } 年龄

public string Birthday { get; set; } 生日

 public string IDCode { get; set; } 身份证号码

public string IDName { get; set; } 姓名

public string GuestSex { get; set; } 性别  

其他的还在研究中

2、下面在VS2017中新建一个MVC的项目来试一下,开始我用原始的asp.net试了下脑子卡壳了出不来,好久没写服务器空间都忘了差不多了...就换了MVC熟悉一点点。

控制器名称就是People 先看视图中的内容




    "utf-8" />
    上传图片身份证获取详细信息测试
    
    
    
    



        




class="pro_pic_tb">

class="input-file"> " width:1000px; height:50px; font-size:16px;" type="file" name="FileUpload" ID="FileUpload" onchange="javascript:ajaxFileUpload();" />

          名: "text" id="Name" />

 庭 住址: "text" id="Address" />

          日: "text" id="Birth" />

身份证号码: "text" id="ID" />

          别: "text" id="Sex" />

 

这里面就一个文件上传的跟一个ajaxfileupload.js 引用一下,特别说明一下  网上下载的ajaxfileupload.js已经是很老的了 只有在jQuery 1.4 一下才能用吧 不然会报错 所以我的ajaxfileupload.js是改过的 我的jQuery是1.9的开始也出错了,后来换成1.4的还是有问题 低版本的我没有试过懒得去找了就改js了

ajaxfileupload.js代码

 

jQuery.extend({

    createUploadIframe: function (id, uri) {
        //create frame
        var frameId = 'jUploadFrame' + id;
        var iframeHtml = '