update face comparison

2022-10-11 17:04:48 +07:00
parent 1817771d88
commit 982db2b6c8
10 changed files with 158 additions and 3 deletions
--- a/web/js/face-comparison.js
+++ b/web/js/face-comparison.js
@@ -0,0 +1,53 @@
+$(function () {
+    btnFace("1");
+    btnFace("2");
+});
+
+function btnFace(imageIndex) {
+    var fData = {
+        UploadImage: true,
+        imageIndex: imageIndex
+    };
+    fData[common.csrfParam] = common.csrf;
+    new afuButton({
+        uploadURI: $("input[name='url_upload_face']").val(),
+        formData: fData,
+        wrap: {
+            tagName: 'div',
+            classes: ''
+        },
+        fileExtension: '.png,.jpg,.jpeg,.gif',
+        fileSizeLimit: 1,
+        classes: 'btn btn-default',
+        fakeInputContent: '<span class=\'fa fa-file-image-o\'></span> Chọn hình ảnh',
+        onUploaded: function (data) {
+            $("#face" + imageIndex).attr("src", "/data/uploads" + data);
+            common.uploadBlock(false);
+            compareFace();
+        }
+    }).addInstance('image' + imageIndex);
+}
+
+function compareFace() {
+    var face1 = $("#face1").attr("src");
+    var face2 = $("#face2").attr("src");
+    if (face1 == "/images/user2-160x160.jpg" || face2 == "/images/user2-160x160.jpg")
+        return;
+    common.modalBlock(true);
+    $.ajax({
+        url: $("input[name='url_face_comparison']").val(),
+        type: 'POST',
+        data: {
+            face1: face1,
+            face2: face2
+        },
+        success: function (data) {
+            common.modalBlock(false);
+            $("#percent").html(data.type1 + "%<br>[" + data.type2 + "%]");
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+            common.modalBlock(false);
+            common.ajaxError();
+        }
+    });
+}