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

現在のページを置き換えずに、JavaScript/jQuery を使用して新しいタブまたはウィンドウにファイルをダウンロードするにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-15 21:44:11
オリジナル
946 人が閲覧しました

How Can I Download Files in a New Tab or Window Using JavaScript/jQuery Without Replacing the Current Page?

現在のページを置き換えずに JavaScript/jQuery を使用してファイルをダウンロードする

問題:
別の場所でファイルのダウンロードを手動で開始するにはどうすればよいですかタブまたはウィンドウを使用して、現在のページをダウンロードしたファイルで置き換えるデフォルトの動作を回避します。 JavaScript/jQuery?

解決策:

現在のページを中断せずに新しいタブまたはウィンドウにファイルをダウンロードするには:

を使用します。非表示の iframe:

このメソッドは非表示の iframe を作成し、ダウンロード URL を src 属性に割り当てます:

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

これにより、バックグラウンドでダウンロードがトリガーされます。ブラウザーがレンダリング不可能なファイル (HTML、テキストなど) をダウンロードできるようにするには、サーバーはファイルの MIME タイプを application/x-please-download-me や application/octet-stream などの意味のない値に設定する必要があります。

新しいタブで開く (jQuery):

新しいタブでファイルを開くにはタブで、jQuery を使用してリンクの target 属性を _blank に設定し、href 属性でファイルの URL を指定します。

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

リンクをクリックすると、ファイルはそれに応じて新しいタブまたはウィンドウにダウンロードされます。ブラウザの設定で。

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

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