파일 다운로드

1. GET으로 파일 다운로드

function download(downloadUrl, filename) {

  const element = document.createElement('a');
  element.setAttribute('href', downloadUrl);
  element.setAttribute('download', filename);
  
  document.body.appendChild(element);
  element.click();  
  document.body.removeChild(element);
}

 

2. POST으로 파일 다운로드

function download(downloadUrl, param, fileName) {
	const req = new XMLHttpRequest();
	req.open('POST', downloadUrl, true);

	req.withCredentials = true;
	req.responseType = 'blob';

	req.send(param);

	req.onload = event => {
		const blob = req.response;

		if (blob.size <= 0) {
			console.log('error');
			return;
		}

		const link = document.createElement('a');
        
		link.href = window.URL.createObjectURL(blob);
		link.download = fileName;
        
		document.body.appendChild(downloadLink);

		downloadLink.click();

		document.body.removeChild(downloadLink)
	}
}

 

'Front-End > Function' 카테고리의 다른 글

Object를 Array로 변환  (0) 2023.08.09