可以实现js在浏览器中选择本地文件夹直接将其打包成zip压缩包，示例代码如下：
点击查看全文
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择文件夹打包成 Zip 文件</title>
</head>
<body>
<input type="file" id="fileInput" multiple webkitdirectory mozdirectory />
<button id="packButton">打包成 Zip</button>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/filesaver.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jszip.js"></script>
<script>
document.getElementById('packButton').addEventListener('click', function() {
var fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
alert('请选择文件或文件夹');
return;
}
var zip = new JSZip();
Array.from(fileInput.files).forEach(function(file) {
// 由于无法直接获取文件夹结构，我们尝试通过文件的webkitRelativePath属性来推断
// 注意：这并不是一个完美的解决方案，因为它依赖于浏览器的实现
var path = file.webkitRelativePath || file.name;
zip.file(path, file);
});
zip.generateAsync({type:"blob"}).then(function(content) {
saveAs(content, "packedFiles.zip");
});
});
</script>
</body>
</html> 网友回复
我知道答案，我要回答
私活外包
最新提问
ai能写出比黑客还厉害的零日漏洞等攻击工具攻击任意软件系统工程？
js如何获取浏览器的音频上下文指纹、Canvas指纹、WebGL渲染特征？
为啥ai开始抛弃markdown文本，重新偏好html文本了？
网站有没有办法鉴别访问请求是由ai操控chrome-devtools-mcp发出的？
有没有python自动操作浏览器让网站无法鉴别是机器行为？
为啥最新由Meta / 斯坦福 / 哈佛出的ProgramBench基准GPT-5.4、Claude Opus 4.7、Gemini 3.1 Pro 等全部 0% 通过率？
有没有免费的api查询域名是否完成icp工信部备案？
codex用HyperFrames与 Remotion自动做视频那个更好？
claude code中Skill MCP CLI SubAgent Hooks Plugin区别？
浏览器webrtc点对点通讯如何才能走系统代理？
