2012-12-06 12 views
2

是否可以使用jQuery下載ul列表中的所有文件,使用按鈕或鏈接?jQuery下載列表中的所有文件

<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中的文件下載到一起的方法。

此外,服務器爲每次下載創建一個文件夾,因此每個文件都有一個單獨的文件夾。

+0

告訴我們你到目前爲止所做的事情 – artsylar

回答

0

創建所有多個文件的檔案或zip,並像這樣使用它<a href="/download/file.zip">Download all files</a>

如果文件列表是動態的,則使用此javascript plugin創建zip文件並在html頁面中提供相同的鏈接。