Как сделать загрузку нескольких изображений одним щелчком мыши

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