Download multiple files at once

It works by abusing the a-tag download attribute and falling back to iframes on older browsers.

$ npm install --save multi-download

<button id="download-btn" data-files="unicorn.jpg rainbow.jpg">Download</button>

document.querySelector('#download-btn').addEventListener('click', function (e) {
	var files = e.target.dataset.files.split(' ');
	multiDownload(files);
});

// with jQuery
$('#download-btn').on('click', function () {
	var files = $(this).data('files').split(' ');
	multiDownload(files);
});

Type: array

URLs to files you want to download.

Chrome will ask the user before downloading multiple files (once per domain).

For the fallback to work you need to make sure the server sends the correct header for the browser to download the file rather than displaying it. This is usually achieved with the header Content-Disposition: attachment; filename="<file name.ext>" .

MIT © Sindre Sorhus