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에서 파일 전송 구조를 정리 해봤습니다.
'IT기술 > html' 카테고리의 다른 글
HTTP header Content-Type 정리 (0) | 2024.02.12 |
---|---|
API(application programming interface) 가 무엇인가? 알고 사용하자 (0) | 2023.06.30 |
[css] div정렬 및 겹치기 position:absolute ,position:relative (0) | 2018.10.30 |
[css] 선택자(Selector) (0) | 2018.10.30 |
[CSS] 텍스트 줄바꿈 처리 word-break, white-space (0) | 2018.10.28 |