HTML & 웹 접근성

[HTML] 클릭시 파일 다운받기(feat. a 태그 download 속성)

jojv 2023. 5. 3. 16:09
728x90
반응형

글씨나 이미지 혹은 버튼을 클릭했을 때 

파일을 다운로드 하는 방법!! 매우 간단하니 빠르게 알려드릴게요!!!

 

무려!!! <a>태그를 이용하면 됩니다 ㅎㅎㅎㅎㅎ

물론!! 복잡한 기능의 다운로드는 불가능 하지만 이미지, 엑셀 템플릿, pdf 등 고정된 것을 다운로드해야 할 때

간단하게 사용할 수 있습니다.

<a href='file' download>

 

위처럼 기본적인 형식으로 사용하면 되고,

<a href="file" download="file_renamed">

download에 값을 지정하게 되면, 지정한 값으로 파일명 바뀌어 다운로드 됩니다!!

 

 

아주 간단하지만, 활용도가 꽤나 좋을 듯합니다.ㅎㅎ

 

수정할 내용이나 알려주실 내용 있으시면 댓글로 가르침 주세요^_^

글 읽어주셔서 감사합니다~

728x90