jQuery下载列表中的所有文件答案

【问题标题】：jQuery download all files within listjQuery下载列表中的所有文件
【发布时间】：2012-12-06 06:47:03
【问题描述】：

是否可以使用 jQuery 通过按钮或链接下载 ul 列表中的所有文件？

<ul>
  <li> <a href="/downloads/1231/file-01.zip">file-01.zip</a> </li>
  <li> <a href="/downloads/5432/file-02.jpg">file-02.jpg</a> </li>
  <li> <a href="/downloads/2234/file-03.pdf">file-03.pdf</a> </li>
</ul>
<a href="#">Download all files</a>

如果可以压缩它们会很好，但不是必需的（可以下载多个文件）。

我看过以下https://github.com/biesiad/multiDownload

<ul>
  <li> <a id="1" href="/downloads/1231/file-01.zip">file-01.zip</a> </li>
  <li> <a id="2" href="/downloads/5432/file-02.jpg">file-02.jpg</a> </li>
  <li> <a id="3" href="/downloads/2234/file-03.pdf">file-03.pdf</a> </li>
</ul>
<a id='t' href="">trigger</a>

  <script type="text/javascript" language="javascript" charset="utf-8">
    $('#1').multiDownloadAdd();
    $('#2').multiDownloadAdd();
    $('#3').multiDownloadAdd();
    $('#t').multiDownload('click');
  </script>

但是，我的下载列表中会包含不同数量的列表项，并且我将在同一页面上有多个下载列表。

我需要一些代码来计算列表中的所有项目，并将它们添加到“multiDownloadAdd”

需要有一种方法，只允许同一 UL 中的文件一起下载。

服务器还会为每次下载创建一个文件夹，因此每个文件都有一个单独的文件夹。

【问题讨论】：

告诉我们你到目前为止做了什么

标签： jquery download

【解决方案1】：

创建所有多个文件的存档或 zip，然后像这样使用它<a href="/download/file.zip">Download all files</a>。

如果文件列表是动态的，则使用此javascript plugin 创建 zip 文件并在 html 页面中提供相同的链接。

【讨论】：