是否可以使用 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 内的文件一起下载。
服务器还会为每次下载创建一个文件夹,因此每个文件都有一个单独的文件夹。
最佳答案
创建所有多个文件的存档或 zip 并像这样使用它 <a href="/download/file.zip">Download all files</a>
.
如果文件列表是动态的,则使用此 javascript plugin用于创建 zip 文件并在 html 页面中提供相同的链接。
关于jQuery 下载列表中的所有文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13738345/