下载多个文件作为文件夹与JavaScript和HTML？

Question

目标:我有一个<a>数组，可以循环使用element.click下载。使用这种方法，文件被下载1乘1，我宁愿将它们下载到文件夹中，因为数组可以达到3位数的长度。

这在客户端有可能吗？

现行法典：

                <button onClick={ () => {
                    projectScreens.forEach( (item, index) => {
                        htmlToImage.toJpeg(document.getElementById(index + 'Export'), { pixelRatio: 6 })
                            .then(function (dataUrl) {
                                const link = document.createElement('a');
                                link.download = 'Screen ' + (index + 1) + '.jpeg';
                                link.href = dataUrl;
                                link.click();
                            });
                    });
                }}>export</button>

(htmlToImage.toJpeg只是将DOM中的一个元素转换为jpeg)

Answer 1

Browser/HTTP不支持一次下载多个文件。

有两种解决办法：

• 编写一个脚本来压缩文件(首选方式)
• 打开多个窗口以触发每个文件

的下载

然而，有一个工具可能是你的帮助。看看这个https://github.com/sindresorhus/multi-download