CODE:H

JavaScript - 이미지 다운로드

 
  • Oct 06, 2020

이미지 다운로드하기

var link = document.createElement('a');

 var hrefNm = '파일경로';

link.setAttribute('href',hrefNm);
link.setAttribute('download','');
document.body.appendChild(link);
link.click();
link.parentNode.removeChild(link);

a 태그에서 지원하는 download 코드이다.
chrome에서 개발할때는 잘 돌아가지만.. IE에서는 돌아가지 않는다.

IE에서 이미지 다운로드하기

 var hrefNm = '파일경로';

var xhr = new XMLHttpRequest();
xhr.onloadstart = function () {
	xhr.responseType = 'blob';
};
xhr.onload = function () {
	navigator.msSaveOrOpenBlob(xhr.response, imgNm);
};
xhr.open("GET", hrefNm, true);
xhr.send();

순수 자바스크립트로 구현하니까 IE에서도 다운로드가 잘된다.


참고자료 : https://blog.naver.com/PostView.nhn?blogId=okskmk2&logNo=221546158662&categoryNo=148&parentCategoryNo=0&viewDate=&currentPage=1&postListTopCurrentPage=1&from=postView


Search