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

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。您的用户将收到来自浏览器的警告，因为可以阻止多个弹出窗口。

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

Plunker中的工作示例：http://plnkr.co/edit/0ERMZ4VyXzvE0iebGMfb