javascript csv 파일 생성 및 다운로드 예제

아래 블로그에서 참고하였습니다.

 

https://mchch.tistory.com/139

[JavaScript] CSV 생성 및 다운로드

 

 

---

1. 사용자가 upload 할 때 사용할 csv파일 template를 다운로드 받을 수 있게 해야 됨

 

2. 서버에 template파일을 올려두고 해당 파일을 다운로드 받게 하기에는 번거로움 (양식만 가이드하면 되기 때문에) 

 

3. 즉석에서 생성 후 다운로드 받도록 함

 

4. 위의 블로그를 참고하였으며, 간단한 양식만 작성할 목적이기 때문에 수정한 부분이 있음

 

downloadTemplate: function() {
    let filename = 'sample.csv';
    let csv = [];

    // 1열
    csv.push('field1');

    // 2열 ~
    csv.push('123', '234', '345');

    // 한글 처리를 위한 BOM 추가
    const BOM = '\uFEFF';
    
    csv = BOM + csv.join('\n');

    let csvFile = new Blob([csv], {type: 'text/csv'});

    downloadLink = document.createElement("a");
    downloadLink.download = filename;
    downloadLink.href = window.URL.createObjectURL(csvFile);
    downloadLink.style.display = "none";

    document.body.appendChild(downloadLink);

    downloadLink.click();
}