facedetection.html 1.72 KB
<!DOCTYPE html>
<html ng-app="mainApp">
<head>
    <title>Age Detection</title>
    <meta charset="utf-8" />
    <script src="/node_modules/angular/angular.js"></script>
    <script src="/node_modules/angular-route/angular-route.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="/app/app.js"></script>
    <style>
        .left-box {
            float: left;
            width: 50%;
        }
        .right-box {
            float: right;
            width: 50%;
        }
    </style>
</head>
<body ng-controller="mainAdminController">
    <div class="left-box">
        <img src="http://13.125.213.193:8080/uploads/mypic.jpg">
    </div>

    <div class="right-box">
        <div ng-repeat="row in data">
            <p>gender : {{ row.faceAttributes.gender }}</p>
            <p>age : {{ row.faceAttributes.age }}</p>
            <p>emotion : </p>
            <blockquote>
                <p>anger : {{ row.faceAttributes.emotion.anger }}</p>
                <p>contempt : {{ row.faceAttributes.emotion.contempt }}</p>
                <p>disgust : {{ row.faceAttributes.emotion.disgust }}</p>
                <p>fear : {{ row.faceAttributes.emotion.fear }}</p>
                <p>happiness : {{ row.faceAttributes.emotion.happiness }}</p>
                <p>neutral : {{ row.faceAttributes.emotion.neutral }}</p>
                <p>sadness : {{ row.faceAttributes.emotion.sadness }}</p>
                <p>surprise : {{ row.faceAttributes.emotion.surprise }}</p>
            </blockquote>
            <p>bald : {{ row.faceAttributes.hair.bald }}</p>
            <p>accessories : {{ row.faceAttributes.accessories}}</p>
            <br><br>
        </div>

    </div>

</body>
</html>