[Javascript] url 파일 다운로드

url 파일 다운로드

javascript 혹은 react에서 파일 다운로드 하는 방법

 

예시

const handleDownload = async () => {
    // URL에서 GET 요청 보내기
    fetch('다운로드 할 file url', {
        method: 'GET',
    })
    // 응답 데이터를 블롭(Blob) 객체로 변환
    .then((response) => response.blob())
    .then((blob) => {
        // 블롭(Blob) 객체 생성하고 URL을 생성
        const url = window.URL.createObjectURL(blob);
        const link = document.createElement('a');

        // 생성한 URL과 다운로드할 파일명 설정
        link.setAttribute('href', url);
        link.setAttribute('download', 'sample.xlsx');

        // 링크를 문서(body)에 추가
        document.body.appendChild(link);

        // 링크 클릭 => 파일 다운로드
        link.click();

        // 다운로드 후 링크와 URL을 정리
        link.parentNode.removeChild(link);
        window.URL.revokeObjectURL(url)
    });
};