본문 바로가기
개발/JavaScript

자바스크립트 - 파일 다운로드 (JavaScript File Download)

by 피로물든딸기 2022. 5. 21.
반응형

자바스크립트 전체 링크

 

먼저 코드를 보자.

const downLoad = () => {
  let contents = "test";
    let fileDown =
      "data:text;charset=utf-8," + contents;
      
    let encodedUri = encodeURI(fileDown);
    let link = document.createElement("a");
    
    link.setAttribute("href", encodedUri);
    link.setAttribute("download", "numbers.txt");
    
    document.body.appendChild(link);

    link.click();

    document.body.removeChild(link);
}

 

contents에 txt에 담을 내용을 입력한다.

그리고 인코딩할 방법을 적고 + 로 묶어주면 된다.

 

임시 URI를 만들고, <a> 태그를 만든 후에, URI를 설정한다.

download로 설정 후, file 명을 적어준다.

 

다운로드가 완료된 이후에는 link가 불필요 하므로, 삭제한다.

 

반응형

댓글