크롬에서 링크로 이미지 파일 다운로드... (feat: HTML5 <A> New Attr Download)
이미지 파일의 경우 링크로 해서 다운로드를 하게 하고 싶은 경우가 있을 겁니다...
이것 때문에 nginx에서 헤더를 추가해보기도 하고 각종 삽질을 해봤지만..
가장 확실한 방법은 링크에 download 속성을 추가하는 것입니다..!
이 방법으로 제가 테스트 했을 때, 크롬, 파이어폭스 등에서 문제 없이 다운로드 창을 호출 했습니다.
예를 들어
<a href="~~~~~~`/test.png">download</a> 이라면
<a href="~~~~~~`/test.png" download>download</a>
이게 웹표준 인건지는 모르겠지만.. 아무튼 저런 속성이 있다는 것도 처음 알았네요....
댓글 8
좀 더 찾아봤는데 HTML5에 새로 추가된 속성이네요~!
IE와 사파리를 제외하고 지원하는 것 같습니다. ( IE는 원래 이미지는 다운로드 창이 뜨니 뭐..)
http://www.w3schools.com/tags/att_a_download.asp
<a href="/images/myw3schoolsimage.jpg" download="w3logo">
위와 같이 download 속성에 값을 입력할 경우 다운로드시 파일의 이름을 지정할 수 있습니다.!
우와!! 짱이네요!! ㄷㄷㄷ
바로 적용했습니다.! 단순히 download 추가만 하는 게 아니라 직접 이름을 지정할 수 있다니..!
참고로 .(콤마) 가 있을 경우 확장자도 바꿔버리네요...
만일 파일이름에 .(콤마)를 넣어야 한다면 확장자까지 download에 넣어주시면 됩니다
예) download="xetown.com - 이미지.jpg"
새로운 것들이 많네요
5년 전엔 IE6가 문제였는데 그거 보단 나아졌지요☺
좋은 정보 추천 누르고 갑니다 ^^