관리자 :: 상품 등록 (+ 사진 파일 등록) (2)

사진을 업로드 요청을 넣었을 때,

정상적으로 지정한 폴더에 들어가는 것을 확인하였다.

이제는 상품 등록할때 사진이 같이 등록되도록 해주자

 

FileController.java

 

* 가져온 파일의 유형을 알아낼 때 사용 : HttpServletRequest

* 여기서 Resource : import org.springframework.core.io.Resource;

 

ProductMapper.xml

ProductMapper.java

ProductService.java

FileController.java

 

여기까지하고 jsp에 사진을 등록할 수 있도록 만들어주자

 

product.jsp

이제 사진을 업로드 하고 '등록' 버튼을 클릭하면 사진 데이터가

DB에 들어가도록 js에서 작업해주자

 

 

버튼이 잘 작동하는 군요

그럼 이어서 진행해주죠

 

js 작성 다하고

 

이렇게 사진 prod_image에 들어간것을 확인할 수 있다.

 

그럼이제 이 uri를 

product_info 에서 pi_img_uri로 넣어주도록하자

 

그리고 들어간 사진을 미리보기로도 볼 수 있도록 해주겠다.

 

product.jsp

이미지가 들어갈 공간을 만들어주고

 

사진 등록하면 이렇게 미리보기로 보이게 된다.

 

상품 등록해주는 함수 안에 사진 uri도 넣어주도록 한다.

 

VO도 추가해준다.

 

xml에도 추가해주어

product_info에도 들어가도록 만들어준다.

 

데이터가 아주 잘 들어간 것을 확인할 수 있다.

 

다음 게시물에는 상품 리스트를 출력하는 것을 진행해보도록 하자!