프로그래밍 언어/HTML,CSS,JS

HTML 버튼 또는 JavaScript를 클릭 할 때 파일 다운로드를 트리거하는 방법

Rateye 2021. 12. 5. 12:25
728x90
반응형
질문 : HTML 버튼 또는 JavaScript를 클릭 할 때 파일 다운로드를 트리거하는 방법

이건 미친 짓이지만 어떻게해야할지 모르겠고, 단어가 얼마나 흔한 지 때문에 검색 엔진에서 필요한 것을 찾기가 어렵습니다. 대답하기 쉬운 질문이라고 생각합니다.

다음과 같은 간단한 파일 다운로드를 원합니다.

<a href="file.doc">Download!</a>

하지만 다음 중 하나와 같은 HTML 버튼을 사용하고 싶습니다.

<input type="button" value="Download!">
<button>Download!</button>

마찬가지로 JavaScript를 통해 간단한 다운로드를 트리거 할 수 있습니까?

$("#fileRequest").click(function(){ /* code to download? */ });

버튼처럼 보이는 앵커를 만들거나 백엔드 스크립트를 사용하거나 서버 헤더 또는 MIME 유형을 엉망으로 만드는 방법을 찾고있는 것은 아닙니다.

답변

버튼에 대해 할 수 있습니다

<form method="get" action="file.doc">
   <button type="submit">Download!</button>
   </form>
   
출처 : https://stackoverflow.com/questions/11620698/how-to-trigger-a-file-download-when-clicking-an-html-button-or-javascript
728x90
반응형