본문 바로가기
IT-개발/javascript

javascript - 링크 열기가 아닌 다운로드로 처리

by 로데안 2024. 5. 13.

 

prologue
왜 하게 되었나요?
> PDF 링크를 누르면 브라우저에서 파일이 열려서 불편하다고 하네요(3일 뒤 사용안함..)

 

 

코드 및 설명

 

설명을 하자면

a element 를 생성하고

PDF를 _blank로 열어서 호출하여 그냥 다운로드로 끝내게 합니다

파일명을 별도로 지정할 수 있습니다

var fileURL = '/web/file/reg_form.pdf';
var fileName = "대리인 신청서.pdf"; //저장할 파일명 지정하지 않으면 URL 추출
var save = document.createElement('a');
var filename = fileURL.substring(fileURL.lastIndexOf('/')+1); //URL에서 추출하는 파일명

save.href = fileURL;
save.target = '_blank';
//console.log(fileName || filename); //지정한 파일명 우선

save.download = fileName || filename;

save.click();
(window.URL || window.webkitURL).revokeObjectURL(save.href);

 

반응형

'IT-개발 > javascript' 카테고리의 다른 글

javascript - canvas context 이미지 열화  (0) 2024.05.16