본문 바로가기 메뉴 바로가기

자라자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

자라자

검색하기 폼
  • 분류 전체보기 (143)
    • 알고리즘 (83)
    • FrontEnd (4)
    • SQL (11)
    • 기타 (1)
    • Spring (37)
  • 방명록

javascript (1)
javascript/ 등록한 사진들을 해당 화면에서 바로 확인할 수 있도록 구현하기

음식 사진을 등록할 때 파일 열기 버튼을 누르고 (깔끔한 파일 선택 버튼 만드는 방법은 전 글에 포스팅 하였습니다.^^) 사진을 등록하면 기본적으로 해당 화면에서 사진이 바로 보이지 않고 사진의 파일명만 보일 것이다. 등록한 사진을 등록자가 해당 화면에서 바로 확인할 수 있도록 구현하려면 어떻게 해야 할까? 자바스크립트를 이용하면 사진을 바로 확인 가능하도록 구현할 수 있다. function setThumbnail(event) { var reader = new FileReader(); reader.onload = function(event) { var img = document.createElement("img"); img.setAttribute("src", event.target.result); doc..

FrontEnd 2023. 3. 14. 23:06
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • SQL
  • 백준 파이썬
  • 커뮤니티
  • 북마크
  • EnumType.ORDINAL
  • 회원탈퇴
  • 자바 스프링
  • 프론트엔드
  • SQLD
  • JPA
  • 스프링부트
  • DP
  • 영속
  • 로깅
  • 스프링 커뮤니티
  • 웹MVC
  • 인텔리제이
  • 웹 MVC
  • 다이나믹 프로그래밍
  • elasticsearch
  • 스프링 북마크
  • SQL 레벨업
  • 준영속
  • 자바
  • 로그아웃
  • 백준
  • 스프링
  • 비영속
  • 지연로딩
  • 파이썬
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바