HTML5로 리소스 다운로드 - a[download]

이제 Chrome에서 a 요소에 HTML 사양의 새 download 속성을 지원합니다. 이 속성을 사용하면 가리키는 리소스를 탐색하는 대신 브라우저에서 다운로드해야 함을 나타냅니다.

리소스 다운로드에서 다음을 수행합니다.

예를 들어 다음 링크를 클릭하면 hrefdownload me로 이동하는 대신 .png가 'MyGoogleLogo.png'로 다운로드됩니다. 마크업은 다음과 같습니다.

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

a[download]의 진정한 이점은 blob: URLfilesystem: URL URL을 사용할 때 나타납니다. 이를 통해 사용자는 앱 내에서 생성/수정된 콘텐츠를 다운로드할 수 있습니다.

전체 데모

위 예시에서 이미지는 웹사이트와 관련하여 동일한 출처를 갖습니다. 다른 출처의 이미지 링크를 사용하려고 하면 링크가 다운로드 링크가 아닌 탐색 링크로 작동하지 않을 수 있습니다. 이는 많은 버전의 브라우저에서 교차 출처 파일의 다운로드 정책을 지원하지 않기 때문입니다. 예를 들어 Chrome 버전 65 이전에는 교차 출처 파일 다운로드가 허용되었지만 이후 버전에서는 지원 중단되었습니다. 자세한 내용은 여기를 참고하세요. Content-Disposition 헤더를 사용하여 다른 출처에서 강제로 다운로드할 수 있습니다.

브라우저 지원: 현재 Chrome 개발자 채널 버전 (14.0.835.15 이상)에서만 이 속성을 지원합니다.