我有一个在后端创建自定义图像的应用程序。将链接存储在db表中，然后将它们显示在UI上，并在每个UI上附加复选框。现在我希望用户能够单击下载按钮，然后选中其复选框的所有图像都应该下载（以两种可能的方式之一，而不是渲染 1.）创建一个选定的zip文件然后下载（未来范围） 2.）逐个下载所有图像。
下面是我的HTML代码
<div class="span5" data-type="collage-image-structure">
<input type="checkbox" class="images_checkbox" data-url="some_url_of_image.png" checked="checked or unchecked">
<img src="some_url_of_image.png">
</div>
现在点击一个按钮，我想下载已检查的图像。我已经尝试了iframe解决方案，只要我在stackoverflow上读到某个地方（对不起，我现在无法找到链接）。该解决方案在空iframe中下载图像，但不会将下载弹出窗口显示为传统浏览器。还在标签中提供链接并使用下载属性解决问题，但我不想将标签附加到每个图像。我想要的只是编写一个javascript函数，它将逐个传递image_urls并下载它们。我也不想使用任何现成的插件来避免每次加载页面加载jS文件的开销。请帮助我需要一个解决方案很快。