728x90
<body>
<input class="file-upload-input" width="100%" height="225" type='file' onchange="readURL(this);"
accept="image/*" />
<img class="card-img-top" id="face-image" src="#" />
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('.card-img-top').attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
} else {
}
}
</script>
</body>'Javascript' 카테고리의 다른 글
| 웹앱 만들기(React native, Expo, GroomIDE, Android & IOS WebApp) (0) | 2021.01.08 |
|---|---|
| Javascript face detection: face-api.js (0) | 2021.01.04 |
| vs code html templete(비쥬얼 코드 html 템플리트 자동 생성 방법 및 필수 핫키) (0) | 2021.01.04 |
| Jquery 얼굴(안면)인식, face detecttion (0) | 2021.01.04 |
| 15가지의 JavaScript 얼굴(안면) 인식 라이브러리 2020 (0) | 2021.01.04 |