HTML在客户端将巨大的文件（>2GB）压缩为ZIP

在客户端将巨大的文件压缩为ZIP，可以使用JavaScript来实现，这里我们将使用JSZip库来处理文件和生成ZIP文件，需要下载并引入JSZip库：

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的奉贤网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

1、下载JSZip库：访问https://github.com/Stuk/jszip/releases，选择一个版本下载，或者直接从CDN引入：

2、引入FileSaver.js库：访问https://github.com/eligrey/FileSaver.js/，下载并引入到项目中。

接下来，我们将编写一个函数来压缩文件并将其保存为ZIP文件：

function zipFiles(fileList, zipName) {
  // 创建一个新的JSZip实例
  const zip = new JSZip();
  // 遍历文件列表，将每个文件添加到ZIP文件中
  fileList.forEach((file) => {
    const content = fetch(file).then((response) => response.blob());
    zip.file(file, content);
  });
  // 生成ZIP文件并将其保存到本地
  zip.generateAsync({ type: "blob" }).then((content) => {
    saveAs(content, zipName);
  });
}

现在，我们可以使用zipFiles函数来压缩文件并将其保存为ZIP文件，假设我们有一个包含多个文件的数组fileList，我们希望将这些文件压缩为名为myFiles.zip的ZIP文件：

const fileList = [
  "path/to/file1.txt",
  "path/to/file2.txt",
  "path/to/file3.txt",
];
zipFiles(fileList, "myFiles.zip");

这个函数会将fileList中的每个文件添加到一个新的ZIP文件中，并将生成的ZIP文件保存到本地，注意，这个函数需要在支持Fetch API和Blob API的环境中运行，例如现代浏览器，由于跨域限制，可能需要在服务器端实现此功能。

本文名称：HTML在客户端将巨大的文件（>2GB）压缩为ZIP
网址分享：http://www.36103.cn/qtweb/news15/11865.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联