js 또는 쿼리를 통해 강제 다운로드

Question

JS 또는 Javascript를 통해 강제로 다운로드 할 수 있습니까? 즉, 웹 페이지는 브라우저의 새 탭에서 파일을 열지 말고 팝업으로 사용자가 "다른 이름으로 저장"을 선택하도록합니다. 또는 ???

Answer 1

당신은 자바 스크립트에서 해당 동작을 강요 할 수는 HTTP 헤더는 서버 측에서 설정해야 PDF 파일의 URL :

location.replace('path/to.pdf'); 

방금 ​​앵커의 새로운 속성 다운로드를 사용할 수있는 HTML5의 출현으로

Answer 2

아니요, 가능하지 않으며 신에게 감사합니다. 그렇지 않으면 당신이 모르는 사이에 웹 사이트를 방문 할 때 어떤 종류의 파일을 컴퓨터에 저장할 수 있는지 상상해보십시오.

@Paul D. White는 주석 섹션에서 브라우저와 관련된 기본 프로그램과 함께 파일을 인라인으로 열기를 원할 경우 서버가 Content-Disposition HTTP 헤더를 보낼 수 있다고 지적했습니다. 예 :

Content-Disposition: inline; filename=foo.pdf 

Answer 3

아니요 JQuery/JavaScript에서만 사용할 수 없습니다.

Content-Type (HTTP 헤더)과 함께 파일을 반환하는 서버 측 스크립트가 있어야 브라우저가 요청한 파일을 다운로드하게됩니다. Content-Type에 가능한 값은 application/force-download입니다.

Content-disposition=attachment; filename=some.file.name 

문제를 해결할 수있는 방법은 당신의 AJAX 방법은로 사용자를 리디렉션하도록하는 것입니다 :

Answer 4

(위의 HTTP 헤더는 PDF 설정해야합니다) 꼬리표.

코드는

그것은 파이어 폭스와 크롬의 최신 버전에서 작동

<a download="name_of_downloaded_file" href="path/to/the/download/file"> Clicking on this link will force download the file</a> 

같이 보일 것입니다. IE에서 확인하지 않았 음을 언급해야합니까? : P

는 sstur에서 코멘트 후 다운로드 속성을 편집

Answer 5

동적 링크를 만들고 파일로 힘 다운로드 다운로드 속성을 클릭하십시오

var anchor = document.createElement('a'); 
anchor.href = this.props.download_url; 
anchor.target = '_blank'; 
anchor.download = this.props.file_name; 
anchor.click(); 

내가도 추가하지 않은 통지를 타고 그것은 DOM에, 그래서 그것은 빠르다.

P.S download 속성은 IE에서 작동하지 않습니다. 하지만 그것은 새로운 탭에서 링크를 열 것입니다. http://caniuse.com/#feat=download