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

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

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

 

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

 

其中

 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 先看视图中的内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>上传图片身份证获取详细信息测试</title>
    <script type="text/javascript" src="~/Scripts/jquery-1.9.0.min.js"></script>
    <script src="~/Scripts/ajaxfileupload.js" type="text/javascript"></script>
    <script type="text/javascript">

        function ajaxFileUpload(e) {
            var files = $('input[name="FileUpload"]').prop('files');//获取到文件列表
            if (files.length == 0) {
                alert('请选择文件');
                return;
            }
            $.ajaxFileUpload(
                {
                    url: '/People/IDCodeOcr',     //请求地址     
                    secureuri: false,
                    fileElementId: 'FileUpload',         //上传文件控件ID              
                    dataType: 'text',        //可以是json这里的格式                            
                    success: function (data)       //成功函数一个异常捕获一样    
                    {
                        //返回的数据转json
                        var obj = $.parseJSON(data);
                        //循环赋值
                        for (var i = 0; i < obj.length; i++) {
                            var GuestNameDate = $.parseJSON(obj[i]);
                            $("#Name").val(GuestNameDate.name);
                            $("#Address").val(GuestNameDate.address);
                            $("#Birth").val(GuestNameDate.birth);
                            $("#ID").val(GuestNameDate.id);
                            $("#Sex").val(GuestNameDate.sex);
                            $("#Nation").val(GuestNameDate.nation);
                        }
                    },
                    //异常处理
                    error: function (data, status, e)          
                    {
                        alert("验证失败,请上传身份证照片!");
                    }
                }

            );

        }
    </script>
    <style>
        input{border:0px; font-size:28px; font-weight:600; width:1000px;}
    </style>
</head>

<body>
        <br />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值