Showing
1 changed file
with
7 additions
and
17 deletions
1 | <!doctype html> | 1 | <!doctype html> |
2 | +<html> | ||
2 | <head> | 3 | <head> |
3 | <meta charset="UTF-8"> | 4 | <meta charset="UTF-8"> |
4 | <meta name="viewport" content="width=device-width, initial-scale=1"> | 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
... | @@ -106,16 +107,15 @@ var loadFile = function(event) { | ... | @@ -106,16 +107,15 @@ var loadFile = function(event) { |
106 | and is wrapped around the whole page content, except for the footer in this example --> | 107 | and is wrapped around the whole page content, except for the footer in this example --> |
107 | 108 | ||
108 | <div class="w3-content" style="max-width:1400px"> | 109 | <div class="w3-content" style="max-width:1400px"> |
109 | - | ||
110 | <!-- Header --> | 110 | <!-- Header --> |
111 | -<header class="w3-container w3-center w3-padding-32"> | 111 | + <header class="w3-container w3-center w3-padding-32"> |
112 | <h1><b>얼굴 등록</b></h1> | 112 | <h1><b>얼굴 등록</b></h1> |
113 | <p>Made by <span class="w3-tag">정해갑</span></p> | 113 | <p>Made by <span class="w3-tag">정해갑</span></p> |
114 | -</header> | 114 | + </header> |
115 | 115 | ||
116 | -<div class="w3-row", style='text-align:center'> | 116 | + <div class="w3-row", style='text-align:center'> |
117 | <h2><b>얼굴 파일을 등록해주세요 (jpeg only)</b></h2> | 117 | <h2><b>얼굴 파일을 등록해주세요 (jpeg only)</b></h2> |
118 | -<div> | 118 | + <div> |
119 | 학번: <input type="text" name="student_id"><br> | 119 | 학번: <input type="text" name="student_id"><br> |
120 | 이름: <input type="text" name="student_name"><br><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> | 121 | <input type="file" id="fileloader" name="file" onchange="loadFile(event)" autocomplete="off" accept="image/jpeg" required disabled> |
... | @@ -124,19 +124,9 @@ and is wrapped around the whole page content, except for the footer in this exam | ... | @@ -124,19 +124,9 @@ and is wrapped around the whole page content, except for the footer in this exam |
124 | <canvas id="preview"></canvas> | 124 | <canvas id="preview"></canvas> |
125 | </div> | 125 | </div> |
126 | <input id="sender" type="button" onclick="submit" value="등록" disabled> | 126 | <input id="sender" type="button" onclick="submit" value="등록" disabled> |
127 | + </div> | ||
128 | + </div> | ||
127 | </div> | 129 | </div> |
128 | -</div> | ||
129 | -<script> | ||
130 | - var loadFile = function(event) { | ||
131 | - var reader = new FileReader(); | ||
132 | - reader.readAsDataURL(event.target.files[0]); | ||
133 | - output.onload = function() { | ||
134 | - var output = document.getElementById('imagefile'); | ||
135 | - output.src = URL.createObjectURL(event.target.files[0]); | ||
136 | - detect_face() | ||
137 | - } | ||
138 | - }; | ||
139 | -</script> | ||
140 | </body> | 130 | </body> |
141 | </html> | 131 | </html> |
142 | 132 | ... | ... |
-
Please register or login to post a comment