[HTML] <form>태그 enctype 속성

 

<form> 태그 enctype 속성

 

<form> 태그의 enctype 속성은 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩 되는 방법을 명시함

이 속성은 <form> 요소의 method 속성 값이 post일 경우에만 사용할 수 있음

 

속성값	설명
application/x-www-form-urlencoded	기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함
multipart/form-data	모든 문자를 인코딩하지 않음을 명시함 이 방식은 <form>요소가 파일이나 이미지를 서버로 전송할 때 주로 사용
text/plain	공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩 되지 않음을 명시함

 

 

백엔드에서 file 가져오기 (Spring Boot)

Multipart로 나눠서 보낸 이미지 데이터의 경우, @RequestPart 로 이미지가 있는 파일을 가져올 수 있음

 

 

위의 코드에서는 프론트에서 RequestPart로 받은 사진 파일의 이름만 Board에 넘겨주고 DB에 저장하여 사용