ファイルの複数ダウンロードについて

Question

いつもお世話になっています。

JavaScriptのwindow.open()を使用して、サーバーにあるファイルをダウンロードしようとしています。
※ブラウザはFirefoxを対象としています。

複数のPDFファイルのダウンロード － Java Solution － ＠IT
↑こちらを参考にしてみたのですが、
ファイルが１つの場合は問題ないのですが、別の複数のファイルがある場合に、

window.open("ファイルパスURL１", "_top");
window.open("ファイルパスURL２", "_top");
･･･

とすると、最後に記載したwindow.open()のファイルしかダウンロードダイアログが表示されません。
（どうやら後勝ちになるようです。）

また、第二引数の"_top"を外し、

window.open("ファイルパスURL１");
window.open("ファイルパスURL２");
･･･

とすると、ダイアログは複数表示されるのですが、
その前にブランクのタブも複数開いてしまいます。
（前者の場合には、タブは開きませんでした。）

タブが開かず、ダイアログが複数表示されるようにする方法はないでしょうか？

Answer 1

一つ目のコードでは、"_top"というウィンドウ（フレームになっているウィンドウの一番外側）に、"ファイルパスURL１"を開いて、その直後に"ファイルパスURL２"を開いているので、最初に開こうとした"ファイルパスURL１"のほうが中断されてしまいます。

二つ目のコードは、別々のウィンドウに、それぞれのURLを開いているのですから、正しいプログラムです。

window.open("ファイルパスURL１");

というのは、ブラウザのアドレス欄に「ファイルパスURL１」と入力するのと同じですから、必然的にタブかウィンドウが必要になります。

「タブが開かず、ダイアログが複数表示されるようにする」プログラムをJavascriptだけで書くのは、至難の業だと思います。
Pythonなど、別の言語を使う事を検討されては、いかがでしょうか。

Comments

[kaputaros]

言われてみれば、そうですね。
windowをopenしているんですもんね。
フレームワーク的なものが特殊で、javascriptしか使えないため、このことを報告したいと思います。
ありがとうございました！！

Answer 2

ターゲットを_top固定じゃなく、重複しないようにすればいいと思います。
ダウンロードのファイルパスだけを渡すんじゃなくて、サーバー側でphpとか挟んで、HTTP応答ヘッダーにContent-Type:とかContent-Disposition:を適切に与えるとwebブラウザによってはブランクウィンドウ（ブランクタブ）を回避します。

Comments

[kaputaros]

回答ありがとうございます。
ターゲットを"_top"じゃなく、重複しないようにするということなのですが、
"_blank","_self","_parent"以外にもあるのでしょうか？
一緒にダウンロードするファイルが数十ある場合もあるので、その場合はどうしたらいいでしょうか？
(連番を振るとか出来るのでしょうか？)

[退会済みユーザー]

既存のwindow名にしなければ、別window（別タブ）で開きますので、乱数で生成したでたらめなターゲット名を与えるという意味です。

[kaputaros]

なるほど。やってみます！ありがとうございます。

[kaputaros]

デタラメでよいのならと、"_top0","_top1","_top2"･･･となるようにしてみましたが、
タブが開いてしまいました。
やはりJavaScriptでは無理なようなので、タブが開いてしまう旨報告したいと思います。
ありがとうございました！