목차
접기
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
'HTML, CSS' 카테고리의 다른 글
[ html ] Input 태그의 자동완성 기능 해제하기, input 입력 기록 제거 (0) | 2021.09.01 |
---|---|
Dom 간략 설명 (0) | 2021.07.20 |
😉 반응형 탑바 구현 (0) | 2021.06.28 |
google 'Web Developer' 앱으로 CSS, HTML 유효성 검사하는 방법 (0) | 2021.06.27 |
이미지 스프라이트 효과, IR효과, 이미지 background 사용법 (0) | 2021.06.27 |