[解決済み] ボタンをクリックすると、複数のファイルをダウンロードできるようにするにはどうすればよいですか?
2022-02-18 18:50:31
質問内容
httpdサーバーを走らせていて、そのサーバーにはたくさんのファイルへのリンクがあります。 ユーザーがファイルリストから3つのファイルを選択し、ダウンロードするとします。
mysite.com/file1
mysite.com/file2
mysite.com/file3
ダウンロードボタンをクリックすると、上のリンクから3つのファイルをダウンロードしてほしいのです。
私のダウンロードボタンは次のようなものです。
var downloadButton = new Ext.Button({
text: "Download",
handler: function(){
//download the three files here
}
});
解決方法は?
一番良い方法は、ファイルをzipで圧縮して、そこにリンクを張ることです。
もう一つの解決策は、こちらでご紹介しています。 リンクをクリックすると複数のページが開くようにするには
という記載があるもの。
HTMLです。
<a href="#" class="yourlink">Download</a>
JSです。
$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('mysite.com/file1');
window.open('mysite.com/file2');
window.open('mysite.com/file3');
});
とはいえ、この実装はJavaScriptを必要とし、またポップアップとしてブロックされることもあるので、私ならファイルをzipで圧縮することをお勧めします。
関連
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】Jestが予期しないトークンに遭遇した
-
[解決済み】Vueが定義されていない
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] サーバーを介さずに、ユーザーがダウンロードできるファイルをメモリ上に作成するにはどうすればよいですか?
-
[解決済み] クライアントにJavaScriptファイルを強制的に更新させるには?
-
[解決済み] HTMLボタンやJavaScriptをクリックしたときにファイルをダウンロードさせる方法
-
[解決済み] Javaを使ってインターネットからファイルをダウンロードし、保存するにはどうすればよいのでしょうか?
-
[解決済み】HTMLでダウンロードリンクを作成するにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptで':'(コロン)は何をするのか?
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】Javascript、[オブジェクトHTMLInputElement]を表示中。]