· 7 years ago · Nov 17, 2018, 06:22 AM
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>Document</title>
8</head>
9<body>
10
11 <script>
12 var XArray = [];
13
14 function CalculateDiff(){
15
16 }
17
18
19
20 function uploadFile() {
21 var blobFile = $('#filechooser')[0].files[0];
22 var formData = new FormData();
23
24 // upload image through form (jpg/jpeg/png)
25 formData.append("filename", blobFile);
26
27 // change the access_key and secret_key here
28 formData.append("access_key", "9dcb8e1ca4ac3a01d96c");
29 formData.append("secret_key", "434c2c8be8dd7ef8234797fad070cb7893c94df9");
30
31 //To use Jquery, you can download it from http://jquery.com/download/
32 //or include it from a CDN into your HTML.
33 $.ajax({
34 url: "https://face.recoqnitics.com/analyze",
35 type: "POST",
36 data: formData,
37 processData: false,
38 contentType: false,
39 success: function(response) {
40
41 var eyeleft = response.faces[0].landmarks[0].x;
42 var eyeright = response.faces[0].landmarks[1].x;
43 var midpoint = (eyeleft + eyeright)/2
44 //var XArray = XArray
45
46 while(XArray =
47
48
49
50
51
52
53 console.log(response);
54 console.log(XArray);
55 XArray.push(midpoint);
56
57
58
59 $("#output").text(XArray)
60 },
61 error: function(jqXHR, textStatus, errorMessage) {
62 console.log(errorMessage); // Optional
63 }
64 });
65 }
66 </script>
67
68 <input id="filechooser" type="file"/>
69 <button onclick="uploadFile()">Upload!</button>
70 <button onclick="CalculateDiff()">Calculate!</button>
71 <p id="output"></p>
72 <script
73 src="https://code.jquery.com/jquery-3.3.1.js"
74 integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
75 crossorigin="anonymous"></script>
76
77
78</body>
79</html>