본문 바로가기
개발공부/HTML CSS

[HTML] form태그의 entype와 파일업로드.

by dokii 2021. 2. 26.
728x90
반응형

 <enctype 속성>

<form>태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용된다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데이터 형식을 설정한다.

 

enctype 속성은 다음 세가지의 값으로 지정될 수 있다.

1. application/www-form-urlencoded

디폴트값이다. enctype을 따로 설정하지 않으면 이 값이 설정된다. 폼데이터는 서버로 전송되기 전에 URL-Encode 된다.

 

2. multipart/form-data

파일이나 이미지를 서버로 전송할 경우 이 방식을 사용한다. 그렇게 하지 않으면 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다. 그리고 이떄 메소드는 post값으로 지정해줘야 한다

 

3. text/plain

이 형식은 인코딩을 하지 않은 문자 상태로 전송한다.

 

[고기당]프로젝트에서, 가게등록form에 사용되었다.

 

 

 

파일을 업로드하는 방법은 하단의 블로그 주소를 참고하자!



참고한 블로그

https://dydals5678.tistory.com/113 [아빠개발자의 노트]

 

[파일업로드 하는 방법]

ktko.tistory.com/entry/Spring-%EB%8B%A8%EC%9D%BC%ED%8C%8C%EC%9D%BC-%EB%8B%A4%EC%A4%91%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EA%B8%B0

728x90
반응형

댓글