ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript/jQuery を使用して新しいウィンドウまたはタブにファイルをダウンロードするにはどうすればよいですか?

JavaScript/jQuery を使用して新しいウィンドウまたはタブにファイルをダウンロードするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-29 13:08:19
オリジナル
752 人が閲覧しました

How to Download Files in a New Window or Tab Using JavaScript/jQuery?

JavaScript/jQuery を使用して別のウィンドウ/タブにファイルをダウンロードする

特定のシナリオでは、ファイルのダウンロードを手動で開始する必要があります。現在のページのコンテンツを妨害します。 window.href を使用するのとは異なり、このプロセスにはダウンロードを別のウィンドウまたはタブで開くことが含まれます。

非表示の iframe の使用:

これを実現するには、非表示の < iframe>利用できます:

<iframe>
ログイン後にコピー

<iframe> の src 属性をファイルの URL に設定する必要があります。ブラウザーに特定のファイル タイプ (HTML やテキストなど) を強制的にダウンロードさせるには、application/x-please-download-me や application/octet-stream などの無意味な MIME タイプをサーバー上のファイルに割り当てます。

新しいタブ/ウィンドウの使用:

ファイルを別の形式で開くことが目的の場合ダウンロードせずに新しいタブまたはウィンドウを開くには、link 要素の target 属性を _blank:

$('a#someID').attr({target: '_blank', href: 'http://localhost/directory/file.pdf'});
ログイン後にコピー

クリックすると、ユーザーが選択した新しいタブまたはウィンドウでファイルが開きます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート