반응형
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="profile">
<input type="submit">
</form>
</body>
</html>
<!-- 파일 전송시에 method와 enctype 지정 꼭 해줘야함 -->
<!-- input tag에 name 지정 안 하면 error뜸. -->
파일을 서버로 전송하려면, method와 enctype를 지정해주어야 합니다.
method의 관한 자세한 정보는 앞서 작성한 글을 확인하시기 바랍니다.
https://developer-cat.com/entry/method
method
method를 기본 설정인 get으로 둘 경우, 주소창에 정보들이 노출되는 경우가 발생한다. 그래서 이런 노출을 방지하기 위해 post로 설정하도록 한다.
developer-cat.com
- enctype이 무엇이냐?
: <form> 태그의 enctype 속성은 폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 명시합니다.
이 속성은 <form> 요소의 method 속성값이 “post”인 경우에만 사용할 수 있습니다.
- enctype의 속성값
| 속성값 | 설명 |
| application/x-www-form-urlencoded | 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함. |
| multipart/form-data | 모든 문자를 인코딩하지 않음을 명시함. 이 방식은 <form> 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함. |
| text/plain | 공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함. |
반응형
'WEB > HTML' 카테고리의 다른 글
| meta (0) | 2024.02.06 |
|---|---|
| 글꼴 - font(퇴출됨) (0) | 2024.02.06 |
| method (0) | 2024.02.06 |
| 컨트롤의 제목 - label (0) | 2024.02.06 |
| 데이터 전송 - hidden (0) | 2024.02.06 |