사이트에 공유한 이미지를 버튼만 누르면 쉽게 다운로드할 수 있도록 하는 기능을 만들어 보았다.
아주 간단하게도 a 태그와 download 속성을 사용하면 된다.
<a href="이미지 경로" download>다운로드하기</a>위처럼 작성하면 해당 이미지를 다운로드시킬 수가 있다.
download 속성에 원하는 이름을 작성해 다운로드되는 파일 이름을 정해줄 수도 있다!
- 주의점: 이미지 경로가 same origin이 아닐 경우는 다운로드가 안되고 해당 이미지 경로로 이동해버린다. download 속성이 먹통이 된다는 뜻..
또 이런식의 구현은 특정 브라우저에서 작동이 되지 않는 경우도 있다 :(
그러면 어떻게 해야하지? 이 부분은 좀 더 공부가 필요하겠다
람쥐