Graduate

Update flask

...@@ -152,7 +152,7 @@ setTimeout(processVideo, 0); ...@@ -152,7 +152,7 @@ setTimeout(processVideo, 0);
152 } 152 }
153 </script> 153 </script>
154 </head> 154 </head>
155 -<body onload="cv['onRuntimeInitialized']=()=>{ load_cascade() }"> 155 +<body onload="cv['onRuntimeInitialized']=()=>{ load_cascade(); };">
156 <div id="container"> 156 <div id="container">
157 <video autoplay="true" id="videoInput" width=640 height=480 style="display: none;"></video> 157 <video autoplay="true" id="videoInput" width=640 height=480 style="display: none;"></video>
158 <canvas id="canvasOutput" width=640 height=480></canvas> 158 <canvas id="canvasOutput" width=640 height=480></canvas>
......
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 -<meta charset="UTF-8"> 4 +<meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>Web Attendance System Register</title> 6 <title>Web Attendance System Register</title>
7 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 7 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
...@@ -14,13 +14,11 @@ ...@@ -14,13 +14,11 @@
14 let tempCanvas = document.createElement("canvas"); 14 let tempCanvas = document.createElement("canvas");
15 function load_cascade() 15 function load_cascade()
16 { 16 {
17 - alert("shibal"); 17 + let faceCascadeFile = 'haarcascade_frontalface_default.xml'
18 - let faceCascadeFile = 'haarcascade_frontalface_default.xml'; 18 + let faceCascadeURL = 'static/js/haarcascade_frontalface_default.xml'
19 - let faceCascadeURL = "{{url_for('static', filename='js/haarcascade_frontalface_default.xml')}}"; 19 + let utils = new Utils('errorMessage');
20 - let utils = new Utils('errorMessage');
21 utils.createFileFromUrl(faceCascadeFile, faceCascadeURL, () => { 20 utils.createFileFromUrl(faceCascadeFile, faceCascadeURL, () => {
22 - alert("shibal"); 21 + activate()
23 - activate();
24 }); 22 });
25 } 23 }
26 function activate() 24 function activate()
...@@ -100,33 +98,36 @@ var loadFile = function(event) { ...@@ -100,33 +98,36 @@ var loadFile = function(event) {
100 } 98 }
101 }; 99 };
102 100
101 +cv['onRuntimeInitialized']=()=>{
102 + load_cascade();
103 +};
104 +
103 </script> 105 </script>
104 </head> 106 </head>
105 -<body class="w3-light-grey" onload="cv['onRuntimeInitialized']=()=>{ load_cascade() }"> 107 +<body class="w3-light-grey">
106 <!-- w3-content defines a container for fixed size centered content, 108 <!-- w3-content defines a container for fixed size centered content,
107 and is wrapped around the whole page content, except for the footer in this example --> 109 and is wrapped around the whole page content, except for the footer in this example -->
110 + <div class="w3-content" style="max-width:1400px">
111 + <!-- Header -->
112 + <header class="w3-container w3-center w3-padding-32">
113 + <h1><b>얼굴 등록</b></h1>
114 + <p>Made by <span class="w3-tag">정해갑</span></p>
115 + </header>
108 116
109 -<div class="w3-content" style="max-width:1400px"> 117 + <div class="w3-row", style='text-align:center'>
110 -<!-- Header --> 118 + <h2><b>얼굴 파일을 등록해주세요 (jpeg only)</b></h2>
111 - <header class="w3-container w3-center w3-padding-32">
112 - <h1><b>얼굴 등록</b></h1>
113 - <p>Made by <span class="w3-tag">정해갑</span></p>
114 - </header>
115 -
116 - <div class="w3-row", style='text-align:center'>
117 - <h2><b>얼굴 파일을 등록해주세요 (jpeg only)</b></h2>
118 - <div>
119 - 학번: <input type="text" name="student_id"><br>
120 - 이름: <input type="text" name="student_name"><br><br>
121 - <input type="file" id="fileloader" name="file" onchange="loadFile(event)" autocomplete="off" accept="image/jpeg" required disabled>
122 <div> 119 <div>
123 - <img id="imagefile" style="display:none;"> 120 + 학번: <input type="text" name="student_id"><br>
124 - <canvas id="preview"></canvas> 121 + 이름: <input type="text" name="student_name"><br><br>
122 + <input type="file" id="fileloader" name="file" onchange="loadFile(event)" autocomplete="off" accept="image/jpeg" required disabled>
123 + <div>
124 + <img id="imagefile" style="display:none;">
125 + <canvas id="preview"></canvas>
126 + </div>
127 + <input id="sender" type="button" onclick="submit" value="등록" disabled>
125 </div> 128 </div>
126 - <input id="sender" type="button" onclick="submit" value="등록" disabled>
127 </div> 129 </div>
128 </div> 130 </div>
129 -</div>
130 </body> 131 </body>
131 </html> 132 </html>
132 133
......