>웹 프론트엔드 >JS 튜토리얼 >JavaScript 또는 jQuery를 사용하여 새 탭이나 창에서 프로그래밍 방식으로 파일 다운로드를 트리거하려면 어떻게 해야 합니까?

JavaScript 또는 jQuery를 사용하여 새 탭이나 창에서 프로그래밍 방식으로 파일 다운로드를 트리거하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-20 04:27:09802검색

How Can I Programmatically Trigger a File Download in a New Tab or Window Using JavaScript or jQuery?

JavaScript/jQuery를 사용하여 파일 다운로드를 시작하는 방법

시나리오:

다음과 같은 경우에 파일 다운로드를 트리거하려고 합니다. 사용자가 JavaScript 또는 jQuery를 사용하여 특정 HTML 요소를 클릭하지만 현재 페이지 콘텐츠를 바꾸지 않습니다. 대신 새 창이나 탭에서 다운로드를 여는 것이 좋습니다.

해결책:

1. 보이지 않는 iframe 활용:

  • "my_iframe"과 같은 기본 ID가 아닌 ID를 사용하여 보이지 않는 iframe 요소를 만듭니다.
  • iframe의 "src" 속성을 사용합니다. 파일을 지정하려면 URL.
<script>
  function Download(url) {
    document.getElementById("my_iframe").src = url;
  }
</script>

2. 강제 다운로드:

  • 브라우저가 렌더링할 수 있는 파일(예: HTML 또는 텍스트)을 강제로 다운로드하려면 서버에 MIME 유형을 다음과 같이 의미 없는 것으로 설정하도록 지시하십시오. "application/x-Please-download-me" 또는 "응용프로그램/옥텟-스트림."

3. 새 탭에서 파일 열기(jQuery):

  • HTML 요소의 "target" 속성을 "_blank"로 설정하고 "href" 속성에 파일의 URL을 제공하세요.
$('a#someID').attr({target: '_blank', href: 'http://localhost/directory/file.pdf'});

이 링크를 클릭하면 현재 파일에 영향을 주지 않고 새 탭이나 창에 파일이 다운로드됩니다. 페이지.

위 내용은 JavaScript 또는 jQuery를 사용하여 새 탭이나 창에서 프로그래밍 방식으로 파일 다운로드를 트리거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.