Javascript 로 파일 다운로드 구현하기

개발/jquery 2018. 1. 10. 23:23

Javascript 로 파일 다운로드 구현하기

목적
- 임시로 필요한 파일에 대한 다운로드를 구현하고자 한다
- 서버에 있는 파일을 읽어서 다운로드 시켜주는 것이 아니라 js 단에서 파일을 만들어 다운로드 시켜준다
- 서버의 불필요한 리소스를 사용하지 않는다

구현

HTML

  <button id="file_download">click</button>
  <a id="download" download="" href=""></a>

Javascript

  var abc = {};
  abc['aaa'] = 'bbb';
  $("#file_download").on("click", function (e) {
      $("a#download").attr({
          "download": "download.json",
          "href": "data:application/json;charset=utf8;base64," + window.btoa(JSON.stringify(abc))
      }).get(0).click();
  });