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