본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ
IT기술/html

[HTML] 파일 전송 방법 이해

by 미노드 2024. 2. 22.

HTML로 파일을 전송하려면 파일 업로드 기능을 이용해야 합니다.
여기서 전송이란 브라우저에서 다른 서버나 다른 클라이언트로 파일을 보내는 것을 의미합니다.

그러려면 파일을 웹 브라우저를 통해 보내야 합니다.
대표적인 방법으로 form 태그를 이용한 방법이 있겠습니다.

여기서 파일이란 이미지, 음악, 문서 같은 실제 파일을 의미하며 이름, 내용 같은 문자가 아닙니다.

파일을 전송하려면 바이너리 데이터로 변환 후 전송해야 하는데,
이때 HTTP 메시지 헤더를 보면 차이가 있습니다.

일반적인 문자 데이터 전송 Content-Type : application/x-www-form-urlencoded    
파일 전송 Content-Type : multipart/form-data

multipart/form-data 형식을 통해 문자들과 Binary파일을 여러 파트로 나눠서 보낼 수 있게 됩니다.

HTML 파일 전송시 요청헤더에 다음처럼 multipart/form-data 를 갖게되며, part 기준으로 binary 데이터와 문자데이터들이 요청한 만큼 전송됩니다.
서버측에서는 multipart로 받아서 데이터와 파일을 처리하게 됩니다.
처리 후 상태를 응답하게 됩니다.

이후 클라이언트에서 파일을 요청 했을 때 서버측에서는 응답을 어떤식으로 할지 선택할 수 있습니다.

파일을 다운로드 하게 할 수도 있고, 브라우저에서 바로 열도록 할 수도 있고, 여러 솔루션의 기능을 이용해 다양한 서비스를 제공해 줄 수도 있습니다.

기본적인 HTML에서 파일 전송 구조를 정리 해봤습니다.