Javascript 单击按钮即可下载图像阵列

我有一个非常基本的html块，它有一个

按钮可以下载：

<div id="getImageWrapper">
    <div class="image">
        <p class="image-name">{{imageName}}</p>
        <button class="download-btn" @click="getImage">Download image/s</button>
    </div>
</div>

来自服务器的响应数据如下所示：

[
  {
    "image": "/media/1492960503_66.jpeg"
  },
  {
    "image": "/media/1492963100_0.jpeg"
  }
]

我的问题是下一步该怎么做，以便将此图像阵列下载到用户设备中（不是作为单个压缩文件，而是作为单独的单个图像文件），这在大多数浏览器中都可以工作？如果有帮助的话，我将Django用作后端，Vuejs用作前端。
您不能用JavaScript压缩所有图像。对于压缩文件，您应该在后端（）中进行压缩，然后可以从浏览器下载
 可能重复的
[
  {
    "image": "/media/1492960503_66.jpeg"
  },
  {
    "image": "/media/1492963100_0.jpeg"
  }
]