[JS] 다운로드 기능 - a 태그 download 속성

 

<a> 태그의 download 속성은 사용자가 하이퍼링크를 클릭할 때 해당 대상(target)으로 연결되지 않고 대신 해당 콘텐츠가 다운로드됨을 명시합니다.

 

이 속성은 반드시 href 속성이 설정되어 있어야만 사용할 수 있습니다.

이 속성의 속성값은 다운로드되는 파일의 이름이 되며, 그 값에 특별한 제약은 없습니다. 브라우저는 다운로드되는 파일의 정확한 확장자명을 확인하여, 자동으로 파일 이름 끝에 추가합니다. (.html, .pdf, .jpg 등)

만약 download 속성의 속성값을 생략하면, 다운로드되는 파일의 원래 이름이 사용됩니다.

<a download="파일 이름">

 

<a href="/examples/images/tcpschool_logo.png" download>
    <img src="/examples/images/tcpschool_logo.png" alt="tcpschool" width="196" height="26">
</a>

var url = "다운로드하고자하는 파일경로";

var anchor = document.createElement('a');
anchor.href = url;
anchor.download = '';

document.body.appendChild(anchor);
anchor.click();

document.body.removeChild(anchor);
console.log(url);

 

 

출처 : https://www.tcpschool.com/html-tag-attrs/intro#google_vignette