[JavaScript] 파일 다운로드

Mira Jo·2021년 10월 21일
  1. a 링크의 download 속성
  <a href="src/pages/corplist/Sample.xlsx" download="Sample.xlsx">
   	<button type="button">Download</button> 
  </a> 
  1. 사용자 정의 함수로 JS에서 텍스트 파일 생성 및 다운
  1. axios 라이브러리 사용
    const handleClick_Download = () => {
         axios({
           url: 'src/pages/corplist/Sample.xlsx',
           method: 'GET',
           responseType: 'blob'
           })
           .then((response) => {
                 const url = window.URL
                       .createObjectURL(new Blob([response.data]));
                 const link = document.createElement('a');
                 link.href = url;
                 link.setAttribute('download', 'Sample.xlsx');
                 document.body.appendChild(link);
                 link.click();
                 document.body.removeChild(link);
           })
       }

참고: https://www.delftstack.com/ko/howto/javascript/javascript-download/

0개의 댓글