[javascript] 자바스크립트로 파일 다운로드 버튼 만들기
HTML 파일에는 파일을 다운로드할 수 있는 <button> 요소를 추가할 것입니다.
<button onclick="downloadFile()">파일 다운로드</button>
이제 자바스크립트 함수 downloadFile()을 만들어서 버튼이 클릭되면 파일을 다운로드할 수 있도록 하겠습니다.
function downloadFile() {
// 파일 다운로드를 위한 URL을 설정합니다.
var fileUrl = '파일의 URL 주소';
// 파일 이름을 설정합니다.
var fileName = '다운로드할_파일명.확장자';
// 가짜 링크를 생성하고, 파일의 URL과 다운로드할 파일 이름을 설정합니다.
var link = document.createElement('a');
link.href = fileUrl;
link.download = fileName;
// 링크를 클릭해서 파일을 다운로드합니다.
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
위 코드를 이용하여 버튼을 클릭하면 파일을 다운로드 할 수 있습니다. 파일의 URL 주소와 파일 이름을 설정하여 해당 파일을 다운로드할 수 있도록 기능을 추가하였습니다.
이제 자바스크립트로 파일 다운로드하는 기능을 가진 버튼을 만들 수 있습니다.