일과 생활
Home
  • 분류 전체보기 (181) N
    • 이야기 (3) N
    • Tools (2)
      • vs code (2)
    • Open API (82)
      • Jquery (47)
      • Naver (2)
      • Google (21)
      • Daum (4)
      • kakao (2)
      • 그 외 (6)
    • DataBase (28)
      • MS-SQL (22)
      • My-SQL (6)
    • Progmming (24)
      • ASP (1)
      • PHP (9)
      • .Net (7)
      • JSP (0)
      • HTML (0)
      • JAVA (0)
      • Python (2)
      • Javascript (4)
      • git (1)
    • CSS (1)
    • OS (15)
      • Microsoft (14)
      • Linux (0)
      • mac (1)
    • Cloud Server (3)
    • 추천 정보 (14)
    • 에러노트 (8)
Home
블로그 내 검색

일과 생활

함께 쌓여가는 개발자의 경험과 기록

  • Open API/그 외

    Javascript , Data URL을 이용한 엑셀 파일 생성하기

    2018. 2. 21.

    by. Yo.

    728x90





    javascript 에서 테이블 구조의 html을 전달 받아 Excel 파일을 생성하는 함수 입니다.


    기본적으로 서버에서 만들어진 내용을 다운받도록 하지만 

    클라이언트 쪽에서 바로 xls 파일을 생성 할 수 있도록 하는 방법입니다.

    기본문법 : data:[<mediatype>][;base64],<data>



        
    function fnExcelReport(cont, fileName)
    {
    	var ua = window.navigator.userAgent;
             
    	if ( (navigator.appName == 'Netscape' && ua.search('Trident') != -1) || (ua.indexOf("msie") != -1) )       // IE
    	{
    		newWin = window.open();
    		newWin.document.open("txt/html","replace");
    		newWin.document.write(cont);
    		newWin.document.close();
    		newWin.focus();
    		newWin.document.execCommand("SaveAs", true, fileName + ".xls");
    		newWin.close();
    	}
    	else   //other browser
    	{
    		var a = document.createElement('a');
    		var data_type = 'data:application/vnd.ms-excel';
    		a.href = data_type + ', ' + encodeURIComponent(cont);
    		a.download = fileName+'.xls';
    		a.click();
    		e.preventDefault();
    	}
    }
    


    상세 내용은 MDN 웹 Document 를 참조하세요.


    링크 : https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

    728x90
    저작자표시 (새창열림)

    댓글

    관련글

    • Throttle & Debounce 스로틀과 디바운스 2021.09.06
    • 유동적인 테이블 Td 셀 병합 rowspan 처리 Javascript 함수 2021.07.22
    • 팝업 프린트 후 창 자동 닫기 2018.09.14
    • ip 주소로 국가 조회하는 방법 about.ip2c.org API 2018.08.30
    맨 위로
전체 글 보기
  • SyntaxHighlighter 웹버전
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Daum Corp.

Designed by Nana
블로그 이미지
Yo.

티스토리툴바