저번의 스프링 안에서의 다운로드를 구현하려다보니 자바단에서 많이 꼬이고 어려워서
이번에는 자바스크립트를 이용하여 해당구역을 엑셀로 받는 작업을 하였다.
우선 엑셀파일이 관련된 js인 SheetJS와 파일다운로드가 관련된 FileSaver.min.js가 필요하다.
만약 파일이 필요하다면 밑에 제작자의 깃헙을 통해서 다운로드해서 사용하면 됩니다.
1
2
3
4
|
<!-- Sheet JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.3/xlsx.full.min.js"></script>
<!--FileSaver savaAs 이용 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script>
|
cs |
SheetJS 깃허브
https://github.com/SheetJS/sheetjs
GitHub - SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit
:green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit - GitHub - SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit
github.com
FileSaver 깃허브
https://github.com/eligrey/FileSaver.js/
GitHub - eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation
An HTML5 saveAs() FileSaver implementation. Contribute to eligrey/FileSaver.js development by creating an account on GitHub.
github.com
# 과 정 & 결 과
이 안에서 코드를 확인해보시고 Result누르시면 출력 결과를 확인하실 수 있습니다.
출처 : https://mesonia.tistory.com/110
'Coding story > go Spring,JSP' 카테고리의 다른 글
카카오페이를 위한 페이지 (아임포트연동) (0) | 2022.04.05 |
---|---|
(Spring) 엑셀 파일값을 DB에 업로드하기(Apache Poi) (0) | 2022.02.25 |
(Spring) 정보를 작성받아 엑셀파일로 다운로드(Apache Poi) (0) | 2022.02.23 |
구글 차트 ($.ajax를 활용한 차트 출력) (0) | 2022.02.17 |
다음 주소창을 이용한 주소 입력/datepicker를 통한 날짜입력 (0) | 2022.02.17 |
최근댓글