JavaScript または jQuery を使用して、新しいタブまたはウィンドウでのファイルのダウンロードをプログラムでトリガーするにはどうすればよいですか?

JavaScript/jQuery を使用してファイルのダウンロードを開始する方法

シナリオ:

次の場合にファイルのダウンロードをトリガーすることを目的としています。ユーザーは JavaScript または jQuery を使用して特定の HTML 要素をクリックしますが、現在のページのコンテンツは置き換えられません。代わりに、新しいウィンドウまたはタブでダウンロードを開きます。

解決策:

1.非表示の iframe の使用:

• 「my_iframe」などのデフォルト以外の ID を持つ非表示の iframe 要素を作成します。
• iframe の「src」属性を使用します。ファイルを指定するにはURL.

<script>
  function Download(url) {
    document.getElementById("my_iframe").src = url;
  }
</script>

2.ダウンロードの強制:

• ブラウザがレンダリングできるファイル (HTML やテキストなど) を強制的にダウンロードするには、サーバーに MIME タイプを意味のないものに設定するように指示します。 「application/x-please-download-me」または"application/octet-stream."

3.新しいタブでファイルを開く (jQuery):

• HTML 要素の "target" 属性を "_blank" に設定し、ファイルの URL を "href" 属性に指定します。

$('a#someID').attr({target: '_blank', href: 'http://localhost/directory/file.pdf'});

このリンクをクリックすると、現在のタブまたはウィンドウに影響を与えることなく、ファイルが新しいタブまたはウィンドウにダウンロードされます。ページ。

以上がJavaScript または jQuery を使用して、新しいタブまたはウィンドウでのファイルのダウンロードをプログラムでトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。