【人脸识别】纯前端实现人脸融合-调用Face++的人脸融合API接口实现

通过查看其API文档，入参除了key和secret（注册账号后申请获得）外，只有模版图、模版图中人脸位置、用户上传图，三个参数。Face++的人脸检测API可在线获取模版图中人脸位置，例如：251,167,169,169。依次代表人脸框左上角纵坐标（top），左上角横坐标（left），人脸框宽度（width），人脸框高度（height），如下图：

 

然后，直接调用人脸融合接口即可，返回融合后的图片base64编码数据，再根据需求直接赋值给img标签显示。

关键代码如下：

var postData = \'api_key=xxx&api_secret=xxx\'
                    + \'&template_url=http://xxx.com/xxx.jpg\'
                    + \'&template_rectangle=251,167,169,169\'
                    + \'&merge_url=http://xxx.com/xxx.jpg\';
 
        $.ajax({
            dataType: \'json\', 
            type: \'POST\' ,
            url: \'https://api-cn.faceplusplus.com/imagepp/v1/mergeface\',
            data: postData,
            success: function(response){ 
                if(typeof(response.error_message) == "undefined"){
                    // todo: 在这里添加生成后的逻辑，response.result 为生成图的base64编码
                    $(\'.uploadpic\').attr(\'src\', \'data:image/jpg/png;base64,\' + response.result); 
                }else{
                    // todo: 在这里添加上传失败的逻辑
                    alert(\'请重新上传照片\');
                } 
            },
            error: function(xhr, status, error){
                console.log(xhr.responseText);
                // todo: 在这里添加上传失败的逻辑
                alert(\'请重新上传照片\');
            }
        });

BTW
        1、注意融合比例参数merge_rate，数字越大融合结果包含越多融合图特征，默认为50。这里可设为100，融合特征会非常明显；

        2、接口规定模版为JPG格式，所以无法直接实现png图的融合。腾讯AI的人脸融合接口是可以用png模版的；

        3、试用账号是不保证并发的，如果要保证并发可以查看官方的价格。

转自：https://blog.csdn.net/gaofei880219/article/details/80805558