jQuery 목록 내의 모든 파일을 다운로드하십시오.

Question

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 내에서만 파일을 함께 다운로드 할 수 있도록하는 방법이있을 필요가

.

또한 서버는 다운로드 할 때마다 폴더를 생성하므로 각 파일에는 별도의 폴더가 있습니다.

Answer 1

여러 파일의 압축 파일 또는 압축 파일을 만들고이 파일을 <a href="/download/file.zip">Download all files</a>처럼 사용하십시오.

파일 목록이 동적 인 경우이 javascript plugin을 사용하여 zip 파일을 만들고 html 페이지에 링크를 제공하십시오.