본문 바로가기
코딩 프로그래밍/Javascript 자바스크립트

자바스크립트 Javascript 에서 ajax fetch 로 파일 다운로드 받기

by 프즈 2020. 10. 20.
반응형

웹 화면에서 자바스크립트 기반으로 파일을 다운로드하기 구현을 위해서 유용한 스크립트가 있어요

파일을 url 에 접속해서 다운로드하게 하려고 할 때 좋은데요

 

danml.com/download.html#Download

접속해보시면 참고 할 수 있어요

 

다운로드한 소스를 download.js 파일 이름으로 저장해서 사용했어요

<script src="경로/download.js"></script>

download 함수를 사용 할 수 있어요  

샘플 코드 입니다

function downloadFile(url) {
  if (!url) {
        alert("No Notion Page");
  return false;
  } else {
      return fetch(url, {
        method: 'GET'
      }).then(function(resp) {
          if (!resp|| !resp.ok) {
            alert("Error");
            return false;
          }
        return resp.blob();
      }).then(function(blob) {
	if(blob) download(blob);
      });
  }
}

downloadFile 호출하면 파일이 다운되겠죠~

 

반응형

댓글