input 미리보기 (1) 썸네일형 리스트형 [JavaScript] Spring쇼핑몰 프로젝트 - input태그 파일 이미지 미리 보기 상품 업로드시 대표미이지를 설정해야 하는데 기존 input 태그에서는 이미지 미리보기 기능을 지원하지 않는다. 따라서FileReader()를 통해 input태그에 이미지가 업로드 되면 미리 생성해둔 img 태그의 이미지 경로값을 변경하여 업로드한 이미지가 img태그에 나타나도록 할 것이다. 1. 상품 업로드 jsp 1 2 3 4 5 6 7 8 대표이미지 Colored by Color Scripter cs 우선 미리보기용 img태그와 이미지파일을 올릴 input태그가 필요하다. img태그에는 더미 이미지파일을 올려두면 다음과 같이 view페이지가 생성된다. 2. script 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function readImage(input) { /.. 이전 1 다음