728x90
<a href="파일이 위치한 경로(상대경로 권장)" download="받아지는 파일명(사용자 정의)">첨부파일 다운로드</a>a링크와 같은 원리를
<body>
<div class="downBtn">첨부파일 다운로드</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function fileDown() {
const filePath = "파일이 위치한 경로(상대경로 권장)"
const fileName = "받아지는 파일명(사용자 정의)"
let element = document.createElement('a');
element.setAttribute('href', filePath);
element.setAttribute('download', fileName);
element.click();
}
$(".downBtn").on('click', function(){
fileDown()
})
</script>
</body>자바스크립트로 표현
728x90
'Front end > JS (JavaScript)' 카테고리의 다른 글
| 데브익스프레스 (DevExpress) 툴바(toolbar) 위치 변경 (Relocate the Toolbar) (0) | 2022.06.03 |
|---|---|
| 하이차트 베이스라인 (High Chart base line) 기본 Form (0) | 2022.05.31 |
| 하이차트 (high Chart) 범례 legend 설정 (0) | 2022.05.31 |
| 자바스크립트(JavaScript) 일정시간 이후 실행 setTimeout (0) | 2022.05.31 |
| 제이쿼리 ( jQuery) 링크주소 (0) | 2022.05.27 |
