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

本文关键字：图像 下载 何通过 单击 | 更新日期: 2023-09-27 18:21:55

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

但我需要选择多个图像，并允许点击下载。对于选择多个图像，我已经放置了复选框，但不知道如何进行多个下载。

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

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

如果这不是一个选项，你可以执行一个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

相关文章：