HTML, CSS

파일 다운로드 기능 구현하는 방법 (file download)

JooKit 주킷 2021. 6. 29. 12:49
목차 접기
728x90
반응형

 

 

a태그를 활용한 파일 다운로드 기능 사용법

html에서 a태그를 이용하여 손쉽게 원하는 파일의 경로를 지정하고 다운로드할 수 있습니다.

 

 

 

 

a태그 작성법

 <a href="pdf/test.pdf" download="테스트">테스트 문서 다운로드</a>

 

 

 

작성한 a태그에 대한 설명 

Help.



1. a태그를 사용해서 파일 다운로드 기능을 구현할 수 있다.
2. href="" 속성에 파일이 존재하는 실제 경로를 지정해 준다. (위 예시 코드 참고)
3. a태그의 download 속성을 사용한다.
4. 다운로드하는 파일의 파일명을 원본 파일과 다르게 지정하고 싶은 경우에 위의 예시 코드와 같이 download="테스트" 라고 입력해 주면 '테스트'라는 파일명으로 파일을 다운로드할 수 있다.
5. download="" 를 공란으로 비워두면 원본 파일명 그대로 파일을 다운로드 받을 수 있다.

 

 

 

 

 

참고 링크
해당 링크를 참고하면 서버에 저장된 파일을 다운로드할 수 있는 방법을 참고할 수 있다.

 

[HTML] Link 태그 사용하기 - download 속성

안녕하세요 냥장판 입니다 지난 게시글에서는 Link 태그 기본사용법에 대해서 살펴봤어요 2020/01/09 - [놀고있네/HTML & CSS] - [HTML] Link 태그 사용하기 - 기본편 [HTML] Link 태그 사용하기 - 기본편 목표:.

miaow-miaow.tistory.com

 

728x90
반응형
LIST