[Tips]フロントエンドで複数ファイルを一括ダウンロード

この記事は何 フロントエンドの操作で複数ファイルを一括ダウンロードさせたかった時に、少しの躓きと気づきがあったので紹介します。 前提 ブラウザはGoogle Chromeとします。他環境での動作は確認できていません。 想定するシーンは、ユーザーがブラウザ上でボタン操作を行うと、サーバーが裏でファイルを準備してS3に格納＆ダウンロード用URLを生成してブラウザに返却し、ブラウザがそのURL先のファイルをダウンロードする、とします。ファイルは1つにまとめられておらず、複数ファイルを(ほぼ)同時にダウンロードします。 サーバーサイドでファイルを1つにまとめておくのが親切かと思いますが、本記事ではそれはスコープ外とします。 1つのファイルをダウンロードする際の概要を図にすると以下のとおりです。 本記事では、一度のボタン操作で複数回同じファイルをダウンロードすることにして説明します。 結論 Java