如何通过单击进行多个图像下载

Question

我有一个要求，允许用户通过检查文件并单击按钮来下载多个图像。目前，我已在每张图片下方提供了一个链接供下载。

但我需要做选择多个图像，并允许通过单击下载它。为了选择多个图像，我已经放置了复选框，但不是没有如何进行多次下载。

Answer 1

我建议将服务器端的文件压缩到一个文件并提供该文件。

如果不是您可以执行，通过类似的下载链接循环，一个JavaScript的选项：

鉴于有三个下载链接，一个普通的HTML。

<ul> 
<li> 
    <input name="checkbox" value="/download1.jpg">Download Image 1 
</li> 
<li> 
    <input name="checkbox" value="/download2.jpg">Download Image 2 
</li> 
<li> 
    <input name="checkbox" value="/download3.jpg">Download Image 3 
</li> 
</ul> 
<a href="#" onclick="downloadSelected()">Download</a> 

那么你有以下的JavaScript。您的用户会从浏览器收到警告，因为可能会阻止多个弹出窗口。在Plunker

function downloadSelected() { 
    $('input[type=checkbox]:checked').each(function() { 
     window.open($(this).val()); 
    }); 
    return false; 
    } 

工作例如：http://plnkr.co/edit/0ERMZ4VyXzvE0iebGMfb