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

Open API/그 외 |2018. 2. 21. 17:12
반응형





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

댓글()

[크롬 웹스토어] 크롬 Hosts 설정 개발도구

추천 정보|2018. 1. 15. 18:12
반응형

[크롬 웹스토어] 크롬 Hosts 설정 개발도구


개발을 하다보면 Hosts 파일을 수정합니다.

그때마다 수정하는것도 일이고 옮겨가는 자리마다 혹은 포맷이라도 할때면 정말 귀찮은 일인데요.

크롬 애드온에 이러한 어려움을 간편하게 해결해주는 애드온이 있어서 소개합니다.



급하신 분들을 위한 링크 선투척 


Host Switch Plus


https://chrome.google.com/webstore/detail/host-switch-plus/bopepoejgapmihklfepohbilpkcdoaeo


설정은 굉장히 직관적입니다.






추가된 아이콘을 누르면 추가 / 관리 메뉴가 보입니다. 





관리 화면에 들어가면 Add / Bulk Add / Hosts 탭이 있습니다.


항목자체는 보이는 그대로 매우 직관적이기 때문에 사용하기 너무 쉽네요.





입력 하신 다음 반드시 빨간색 박스친 곳을 클릭해주셔야 활성화 됩니다.


기본은 회색으로 비활성화되어있습니다.








소소한 개발을 위한 팁이 될것같네요.



댓글()

Google Cloud Platform 웹 셋팅 후 접속이 안될 때 해결 방법

Cloud Server|2017. 11. 14. 11:33
반응형

클라우드 서버로 서비스 이관을 위해 Google / MS / Alibaba / 아마존 4개의 클라우드를 테스트 중


대부분의 클라우드서버 구조가 그렇듯이 VM머신 앞단의 네트워크 방화벽이 우선이기 때문에 


관리페이지에서 해당 서비스의 방화벽 해제가 필요함.



일부는 포트를 지정하도록 하는 경우도 있고 어떤 경우는 서비스별로 체크하여 사용하는 경우가 있으니 


해당 VM 인스턴스의 세부 정보에서 아래 2개 항목에 체크를 해야함.


클라우드 서버내에서 방화벽을 해제 하더라도 무의미함.




댓글()