Showing
1 changed file
with
17 additions
and
27 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,37 +107,26 @@ var loadFile = function(event) { | ... | @@ -106,37 +107,26 @@ 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> |
122 | - <div> | 122 | + <div> |
123 | - <img id="imagefile" style="display:none;"> | 123 | + <img id="imagefile" style="display:none;"> |
124 | - <canvas id="preview"></canvas> | 124 | + <canvas id="preview"></canvas> |
125 | + </div> | ||
126 | + <input id="sender" type="button" onclick="submit" value="등록" disabled> | ||
127 | + </div> | ||
125 | </div> | 128 | </div> |
126 | - <input id="sender" type="button" onclick="submit" value="등록" disabled> | ||
127 | -</div> | ||
128 | </div> | 129 | </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