본문 바로가기
Mark Up/HTML

[HTML] <a> 태그로 가볍게 특정 파일 다운로드 받기 (ft. download attribute)

by 썸머워즈 2021. 10. 3.
반응형

- <a> tag download Attribute -


<a>태그를 통해 간단하게 파일 다운로드 하는 방법에 대해 알아보자.

<a>태그에는 download 라는 속성이 존재하는데 이는 href에 지정된 파일을 다운로드해주는 기능이다.

 

이렇듯 복잡한 기능의 다운로드로는 사용을 못하고 일반 이미지, 엑셀 템플릿 등 고정된 것들에 한해서만 사용하기에 좋다.

 

▷ 구문

<a href='filepath' download>

 

구문까지 익혔으니 실제로 어떤식으로 사용되는지 봐보자.


▷ 예제1) <a> 태그 download 속성 기본 사용법

<a href="/template/excel_mine_sample.xlsx" download>

 

사용법은 구문과 별 다를게 없이 아주 간단하다.

예제에서 사용된 엑셀 뿐만 아니라 다른 여러 확장자의 파일 역시 가능하다.

 

▷ 예제2) 다른 이름으로 다운로드 받기

<a href="/template/excel_mine_sample.xlsx" download="record_sample">

 

download 속성에는 filename 옵션이 존재하는데,

download="filename" 을 입력함으로 실제 파일과 다른 이름으로 다운로드 제공이 가능하다.

 

1번 예제처럼 생략할 경우 실제 파일 이름으로 다운로드 받아진다.

그래서 결과는 excel_mine_sample.xlsx 로 받아졌어야 하는 파일이 record_sample.xlsx로 받아진다.


여기까지가 <a> 태그의 download 속성에 대한것이나 하나 알아둬야할게 있는데,

역시 download 속성은 IE에서는 사용이 불가능하다.

 

만약 IE에서도 가볍게 다운로드받는 기능을 사용하고 싶다면 아래 링크를 참조해보자.

 

[SPRING] 엑셀(Excel) 서식(템플릿) 다운로드 구현하기

 

[SPRING] 엑셀(Excel) 서식(템플릿) 다운로드 구현하기

- 스프링 엑셀(Excel) 서식 템플릿 다운로드 구현하기 - 일반적으로 웹 개발을 한다고 하면 엑셀 업로드 및 다운로드 기능을 자주 접하게 되는데 그럴 때마다 사용되는 게 Apache POI API를 사용하고는

mine-it-record.tistory.com


참고 : https://www.w3schools.com/tags/att_a_download.asp

반응형


댓글

TOP