javascript - 单击按钮时如何让用户下载多个文件？

Question

所以我有一个正在运行的 httpd 服务器，它具有指向一堆文件的链接。假设用户从文件列表中选择三个文件进行下载，它们位于:

mysite.com/file1 
mysite.com/file2
mysite.com/file3

当他们单击下载按钮时，我希望他们从上面的链接下载这三个文件。

我的下载按钮看起来像这样:

var downloadButton = new Ext.Button({
  text: "Download",
  handler: function(){
    //download the three files here
  }
});

Answer 1

最好的方法是将文件压缩并链接到该文件:

可以在这里找到其他解决方案:How to make a link open multiple pages when clicked

声明如下:

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，有时也可能会被阻止为弹出窗口。