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

Question

我创建了一个脚本，通过绘制图像并使用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之外都会被考虑。谢谢。

Answer 1

你可以压缩它们，然后下载zip。 http://stuk.github.io/jszip/