a 태그 이미지 다운로드

데모 페이지를 사용해 보고 다운로드 속성에 지정 된 이름으로 다운로드 한 파일을 찾아야 합니다. 참고: Mozilla 개발자 네트워크 (MDN)에 따르면 콘텐츠 처리 헤더가 “다운로드” 속성에 설명 된 것과 다른 파일 이름을 제공 하는 경우 내용-처리가 우선적으로 적용 됩니다. 사용자가 HTML 요소를 이미지로 다운로드할 수 있도록 하려면 다운로드 속성과 캔버스 데이터가 포함 된 링크를 파일 URL로 생성 하면 됩니다. “myimage”는 다운로드할 파일의 이름입니다. 확장명이 자동으로 추가 됩니다. 여기이 예제에서는 이미지를 사용 하 여 MDN 홈 페이지에 연결 합니다. 홈 페이지는 새 검색 컨텍스트, 즉 새 페이지 또는 새 탭에서 열립니다. 다운로드 특성은 사용자가 하이퍼링크를 클릭할 때 대상이 다운로드 되도록 지정 합니다. 당신은 다운로드 속성이 서버에 파일 다운로드 로직을 구현 하는 데의 끝을 알리는 것을 생각할 수 있지만, 불행히도 그것은 완전히 모든 주요 브라우저에서 지원 되지 않습니다. 쓰기 시 Safari와 IE (데스크톱과 모바일 모두)는이 속성을 지원 하지 않습니다. 당신은 순수한 html/자바 스크립트로 할 수 없습니다. 이는 별도의 파일 (이미지)을 검색 하는 웹 서버에 대 한 별도의 연결을가지고 있으며, 일반 웹 서버는 콘텐츠 헤더가 설정 된 파일을 제공 하 여 컨텐츠 유형을 읽는 브라우저가 해당 유형을 내부적으로 처리 할 수 있다고 결정 하기 때문입니다. 특성의 값은 다운로드 한 파일의 이름이 됩니다.

허용 되는 값에 대 한 제한은 없으며 브라우저가 자동으로 올바른 파일 확장명을 검색 하 여 파일 (.img, .pdf, .txt, .html 등)에 추가 합니다. 이러한 값을 사용 하면 링크를 복사/드래그할 때, 새 탭/창에서 링크를 열거나, 책갈피를 사용할 때, JavaScript가 여전히 다운로드 되거나, 오류가 발생 하거나, 비활성화 될 때 예기치 않은 동작이 발생 합니다. 또한 보조 기술 (예: 화면 판독기)에 잘못 된 의미 체계를 전달 합니다. 이러한 경우에는 대신을 사용 하는 것이 좋습니다