javascript - 如何创建包含多个图像的文件夹并将其下载为 zip 文件 - Javascript？

Question

我正在开发一个 React.js 应用程序，我有多个 html 画布，可以单独下载为 png 图像。我现在寻找一种方法将所有这些图像包装在一个文件夹中（我们称之为资产文件夹），然后以 zip 格式下载这个文件夹。

这是我的代码：

const download = (canvas, index)=>{
  var url = canvas.toDataURL("image/png");
  var link = document.createElement('a');
  link.download = `img_${index}.png`;
  link.href = url;
  link.click();
  link.remove();
}

for(let k=1; k<=5; k++){
  //There is a bunch of code here that generates a new canva in each iteration. I don't include it to keep things simple!!!
  download(canvas.current, k)
{

下载图像的屏幕截图：

标签： javascriptreactjshtml5-canvaszipfilesystems