커스텀
-
파일업로드 디자인개발기록/Web 2017. 7. 12. 16:55
간단한 게시판 기능중에 파일업로드 기능이 결합된 글쓰기 페이지 구현중에 먼저 view 페이지 작업을 시작 input type file은 디자인이 너무 안이쁘다 예를 들면 이렇게 이미지의 html 코드는 대충 이렇다. 코북에 맞는 디자인으로 커스텀 해본다 ● 부트스트랩으로 뷰를 작업하고 있기 때문에 파일선택은 부트스트랩 버튼과 같은 느낌으로 ● 선택된 파일명은 form에 들어오고 ● 이미지 파일이 들어올 지정된 영역안으로 선택된 파일이미지가 들어온다 HTML 파일등록하기 파일선택인 부분은 파일을 선택했을 때 파일명이 들어오는 부분이기에 disabled로 막아둔다. CSS /*라벨은 원하는대로 커스텀하고*/.fileRegiBtn label {display: inline-block; padding: .5em ..