【C#】 MVC4 开发小程序-实现人脸识别-本地和手机预览使用IP测试

简介: 小程序Camera组件拍照上传图片到指定的服务器(本地或者外网的IP服务器),然后C# MVC后台调用百度人脸识别接口,实现人脸识别功能呢
作者:小5聊基础
简介:一只喜欢全栈方向的程序员,欢迎咨询,尽绵薄之力答疑解惑
编程原则:Write Less Do More

1、下载微信开发者工具

2、下载微信小程序媒体组件

源码-camera组件-1526881707172

3、在默认组件的拍照按钮的单击事件上添加如下代码

wx.uploadFile({
    url: 'http://166.61.66.66/Home/Upload',
    filePath: res.tempImagePath,
    name: 'file',
    header: { 'content-type': 'multipart/form-data' },
    method: 'POST',
    formData: {'user': 'test'},
    success: function (res) {
        var data = res.data;
        console.log(data);
        var _json = JSON.parse(JSON.parse(data));

        tishi(1,_json);
    },
    fail: function (res) {
        tishi(3,res);
    }
})

function tishi(_t,_v){
    if (_t == 1 && _v.result!=null){
        wx.showModal({
            title: '提示',
            content: '你的颜值分:' + parseInt(_v.result.face_list[0].beauty),
            success: function (res) {
            }
        })
    }
    else{
        wx.showModal({
            title: '提示',
            content: 'type:' + _t + "=" + (_v.errMsg == undefined ? _v.error_msg : _v.errMsg),
            success: function (res) {
            }
        })
    }
}

4、下载百度人脸识别

1)人脸识别技术文档

http://ai.baidu.com/docs#/Face-Detect-V3/top\
https://cloud.baidu.com/doc/FACE/Face-Csharp-SDK.html#.E4.BA.BA.E8.84.B8.E6.A3.80.E6.B5.8B\

2)百度云 - 接口需要进入这里创建

https://console.bce.baidu.com

5、C# MVC 调用人脸识别源码(api调用暂时未实现)

#region 接收Base64编码格式的图片
[HttpPost]
public JsonResult Upload()
{
    string _fileAllPath = "";
    HttpPostedFileBase flogo = Request.Files["file"];
    if (flogo.ContentLength != 0) {
        string name = flogo.FileName; //获取后缀名
        string namejpg = Path.GetExtension(name).ToLower();
        string path = Server.MapPath("../upload/"); //获取上传的路径
        string gid = System.Guid.NewGuid().ToString(); //生成一个新的文件名
        string newname = gid + namejpg; //上传
        _fileAllPath = path + newname;
        flogo.SaveAs(_fileAllPath);
    }
    
    JObject _result= DetectDemo(_fileAllPath); //人脸识别验证
    return Json(_result.ToString());
}

#endregion

public JObject DetectDemo(string _imgpath)
{
    // 设置APPID/AK/SK
    //var APP_ID = "11116994";
    var API_KEY = "百度云申请得到的KEY";
    var SECRET_KEY = "百度云申请得到的KEY";
    var client = new Baidu.Aip.Face.Face(API_KEY, SECRET_KEY);

    client.Timeout = 60000; // 修改超时时间

    var image = _imgpath;
    image = ImgToBase64String(_imgpath);

    var imageType = "URL"; //需要公网可访问的图片

    imageType = "BASE64";

    // 调用人脸检测,可能会抛出网络等异常,请使用try/catch捕获
    var result = client.Detect(image, imageType);
    Console.WriteLine(result);
    // 如果有可选参数 {"face_field", "age","beauty","expression","face_type","glasses","gender"},
    var options = new Dictionary < string, object>{
    {"face_field", "beauty" },
    { "max_face_num", 2 },
    { "face_type", "LIVE" },
    };

    // 带参数调用人脸检测
    result = client.Detect(image, imageType, options);
    return result;
}

 

//imgage图片转base64字符
protected string ImgToBase64String(string Imagefilename)
{
    try {
        Bitmap bmp = new Bitmap(Imagefilename);
        MemoryStream ms = new MemoryStream();
        bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
        byte[] arr = new byte[ms.Length];
        ms.Position = 0;
        ms.Read(arr, 0, (int)ms.Length);
        ms.Close();
        return Convert.ToBase64String(arr);
    }
    catch (Exception ex) {
        return null;
    }
}

6、小程序本地开发调试和手机预览,建议进行如下操作

1)微信开发者工具-点击详情-在项目设置:勾选上-不校验安全域名

2)手机预览,需要打开调试模式才能请求到IP地址

3)如果以上两者都无法访问,需要检查ip设置是否正确,以及IP服务器是否被防火墙屏蔽了

相关文章
|
5月前
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
560 1
|
5月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
466 8
|
5月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
346 3
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26083 0
|
7月前
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程,包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
392 0
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
|
10月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
2014 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
8月前
|
数据安全/隐私保护 计算机视觉 Python
人脸识别图片眨眼生成器,手机制作人脸眨眼张嘴, 代替真人刷脸软件
代码实现了基于面部特征点的人脸动画生成,包括眨眼和张嘴动作。它使用dlib进行人脸检测和特征点定位