*HTML5 이미지 업로드 후 화면에서 보여주기
<!DOCTYPE html>
<html lnag="ko">
<head>
<meta charset="UTF-8">
<title>VS Code 사용</title>
</head>
<body>
<img id="preview_img" src="" width = "300" alt="로컬에 있는 이미지가 보여지는 영역">
<input type="file" id="getfile_img" accept="image/*">
<script>
var file_img = document.querySelector('#getfile_img')
file_img.onchange = function(){
var fileList_img = file_img.files
var reader_img = new FileReader()
reader_img.readAsDataURL(fileList_img[0])
reader_img.onload = function(){
document.querySelector("#preview_img").src = reader_img.result
}
}
</script>
</body>
</html>반응형
'스타트업 > 프로그래밍' 카테고리의 다른 글
| [프로그래밍] Base64 인코딩 (0) | 2020.09.04 |
|---|---|
| [프로그래밍] HTML5 폼 (0) | 2020.09.04 |
| [프로그래밍] 웹 개발 전체 과정 (0) | 2020.09.03 |
| [프로그래밍] selenium proxy (0) | 2020.09.02 |
| [프로그래밍] TCP proxy (0) | 2020.09.02 |