如何从画布中保存多个生成的文件

Posted 2021-04-12

我创建了一个脚本来生成图像，通过绘制它们并使用dataURL输出它们，如下所示：

var dataURL = d.toDataURL();
var createElement = document.createElement('img');
createElement.setAttribute('id',imgNumber);
createElement.setAttribute('src',dataURL);
document.getElementById('showimage').appendChild(createElement);

问题是，我想一次保存这些图像文件。由于安全问题，javascript在很多方面阻止了这一点，但html5似乎有一些可能性。请任何人都可以建议一种方法来保存所有文件。目前，如果我创建10个图像，我必须反复使用Chrome中的“另存为”来保存每个图像。任何想法，甚至在JavaScript之外都会被考虑。谢谢。

答案

你可以拉链，然后下载拉链。 http://stuk.github.io/jszip/